jQuery ajax应用

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

[javascript]
view plaincopy

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('(' + json.d + ')');  
               }, failure: function () {  
                   result = "";  
               }  
           })  
           return result;  
       }