首页 > 程序开发 > web前端 > JavaScript >

jQuery ajax应用

2013-10-13

Ajax的优势:1,宗旨:按需请求数据 减轻服务器的带宽,2,无刷新请求,提高web性能,例如表单验证:1,jQuery的ajax操作jQuery封装ajax操作,通常有这几种方式:jQuery ajax()$ get()$ post()Load()(1)load()

Ajax的优势:
1,宗旨:按需请求数据 减轻服务器的带宽,
2,无刷新请求,提高web性能,例如表单验证:
1,jQuery的ajax操作
jQuery封装ajax操作,通常有这几种方式:
jQuery.ajax()
$.get()
$.post()
Load()
(1)load() 请求的是一个静态数据文件
1,url,ajax请求的地址
2,data 请求时携带的数据(如果数据是一个集合,通过{}格式传递)
3,回调函数 (ajax请求成功后,执行的函数)
回调函数的参数:1,ajax返回的数据;2,ajax请求的状态;3,XMLHttpRequest对象
1,load()请求的是静态数据文件
2,哪个元素对象调用load()方法,ajax请求的结果就会显示到哪个元素上
如何筛选出我们需要的数据
通过在url参数上传递一个选择器
Load(url 选择器)
我现在需要评论的内容,不需要姓名
$.get()方式发送请求:
客户端通过get方式向服务器发送ajax请求
$.get(url,data,callback )
一句话概括jQuery:
jQuery是一个封装好的javascript库,他凭借简洁的语法以及完善的浏览器兼容性,再加上强大的选择器,DOM操作,ajax操作,极大的节省了javascript开发人员的经理
一句话概括ajax:
Ajax,是javascript通过操作XMLHttpRequest对象来完成http请求的过程
服务器端给客户端返回的数据类型:
1,HTML代码片段(字符串)
2,json:json_encode() 当我们需要返回集合类的数据的时候
3,xml:header(“”)
Text()-------文本节点的内容 <p>hello</p> 标签内的内容
Html()----html标签以及内容 <p>hello</p>
$.ajax()封装ajax请求
但是只有一个参数,那么肯定是json格式的参数
1,请求的地址 url
2,请求的方式 type
3,希望服务器返回的数据格式
4,携带的数据 data
5,是否异步请求
6,是否缓存数据
7,成功后的回调函数
8,失败后的回调函数
Jquery ajax 得到返回值
1.ajax默认是异步调用的,所以得到的返回值是空值,要得到值必须改成同步:async: false,//同步。
2.必须定义一个全局变量 var result = ""来保存返回值。否则得到的是undefined
function GetReturnValue(url, jsonText) {  
           var result = "";  
           $.ajax({  
               type: "POST",  
               url: url,  
               data: jsonText,  
               contentType: "application/json;charset=utf-8",  
               dataType: "json",  
               async: false,//同步  
               success: function (json) {  
                   result = eval(&#39;(&#39; + json.d + &#39;)&#39;);  
               }, failure: function () {  
                   result = "";  
               }  
           })  
           return result;  
       }  

相关文章
最新文章
热点推荐