使用jQuery中ajax实例


<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"></head><body><button onclick="do_ajax()">获取数据</button><p id="txt"></p></body>
<script  src="jquery-1.5.1.js"></script>
<script>function do_ajax(){//请求地址var url="http://localhost:8080/yszdServer/entry?method=test_jajax";//请求参数var data = "{a:'haha'}";//$.ajax({//请求方式type : "POST",//请求的媒体类型contentType: "application/json;charset=UTF-8",//请求地址url : url,//数据，json字符串data : data,//请求成功success : function(result) {document.getElementById("txt").innerText=result;},//请求失败error : function(e){document.getElementById("txt").innerText=e.responseText;}});}</script>
</html>

将后台返回的完整Json格式数据输出到页面：（后台组装的数据是这样的：{"res":"这是后台返回的数据：haha"}）

欢迎点赞！

使用jQuery中ajax实例相关推荐

jquery ajax实例get,jQuery中ajax的get()方法用法实例
本文实例讲述了jQuery中ajax的get()方法用法.分享给大家供大家参考.具体分析如下: $.get()通过 HTTP GET请求从服务器上请求数据. 语法结构: $.get(url, [dat ...
jQuery中ajax的4种常用请求方式
jQuery中ajax的4种常用请求方式:1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信 ...
ajax离开页面方法,jQuery中ajax调用当前页面方法
$.ajax({ type: 'POST', url: 'AddressManager.aspx/GetProvince',//AddressManager.aspx当前页面 data: '{cach ...
jQuery的Ajax实例（附完整代码）
目录写在前边什么是Ajax Ajax基本结构实例实例1 实例2 小结写在前边作为一个前端刚入门没多久的小白,想在这里分享一下我的学习内容,就算是学习笔记了.因为前端的大部分学习都是通过网站 ...
jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法
jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法参考文章: (1)jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法 ( ...
php中jquery ajax请求参数,浅谈Jquery中Ajax异步请求中的async参数的作用
之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html asy.js function testAsync{ var temp; $.ajax( ...
关于Jquery中ajax方法data参数用法的总结
关于Jquery中ajax方法data参数用法的总结 jquery手册描述: 示例: $.ajax({type: "POST",url: "some.php", ...
[转]Jquery中AJAX错误信息调试参考
下面是Jquery中AJAX参数详细列表: 参数名类型描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求 ...
Jquery中AJAX参数详细介绍
转载:http://www.cnblogs.com/qiufuwu618/archive/2012/12/20/2826190.html Jquery中AJAX参数详细列表: 参数名类型描述 ur ...

使用jQuery中ajax实例

使用jQuery中ajax实例相关推荐

最新文章

热门文章