jquery Ajax示例

简介: function ShowMsgText() {     $.ajax({     url:"../datas/jsonTest_1.ashx",        type:"post",     success:function(data){//text,responseText...
 

function ShowMsgText()

{

    $.ajax({

    url:"../datas/jsonTest_1.ashx",   

    type:"post",

    success:function(data){//text,responseText,responseXML

    alert(data);

    $("#divResult").text(data);

    }

    });

}

 

function ShowMsgXml()

{

    $.ajax({

    url:"../datas/jsonTest_1.xml",   

    type:"post",

    dataType:"xml",

    success:function(data){//xml object

    $("#divResult").text(data.text);

    }

    });

}

 

function ShowMsgHtml()

{

    $.ajax({

    url:"../datas/jsonTest_1.htm",   

    type:"get",

    dataType:"html",

    success:function(data){//html object

    $("#divResult").html(data);

    }

    });

}

 

function ShowMsgScript()

{

    $.ajax({

    url:"../datas/jsonTest_1.js",   

    type:"get",

    dataType:"script",

    success:function(data){//script text

    $("#divResult").text(data);

    }

    });

}

 

function ShowMsgJson()

{

    $.ajax({

    url:"../datas/jsonTest_1.ashx",   

    type:"get",

    dataType:"json",

    success:function(data){//json obj

        $("#divResult").text(data[0].city);

    }

    });

}

 

function ShowMsgJson1()

{

    $.getJSON(

    "../datas/jsonTest_1.ashx",   

    function(data){ //json obj

        $("#divResult").text(data[1].city);

    });

}

博客园大道至简

http://www.cnblogs.com/jams742003/

转载请注明:博客园

目录
相关文章
N..
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
273 1
|
XML 前端开发 JavaScript
jQuery中ajax如何使用
jQuery中ajax如何使用
349 0
|
前端开发 JavaScript
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
330 0
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
801 1
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
255 1
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
197 1
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
1101 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
330 5
|
XML JSON 前端开发
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
304 0