您的位置:首页 > Web前端 > JQuery

JQuery学习(二)

2016-06-01 00:00 399 查看
摘要: JQuery如何使用Ajax

JQuery中如何使用AJAX?

1 . JQuery对象.load(URL)

返回结果自动添加到JQuery对象中,换句话说,谁调用返回给谁,这种方式发送的是 GET请求。

2. JQuery对象.load(URL,sendData)

sendData:发送的数据,必须是JSON格式(自动进行汉字编码,无需进行转码)

这种方式发送的是POST请求。

3. JQuery对象.load(URL,sendData,function(backData,textStatus,XMLHttpRequest){})

无名函数function(backData,textStatus,XMLHttpRequest)

backData:服务器返回的数据,是一个js对象

textStatus:服务器状态码的文本描述,例如:success、error

XMLHttpRequest:XMLHttpRequest对象

(注意:以上所有参数的名字可以任意,最好符合见名知意的命名规则)

4. 指定发送方式:

$post(URL,sendData,function(backData,textStatus,XMLHttpRequest){

// backData :如果服务器返回html ,则backData就是字符串(string)

如果服务器返回 JSON ,则backData就是 object。

});

同样get方式和上述post方式用法一样。

小知识点:

如果ajax中发送数据过多,建议使用serialize() 方法。

用法: jQuery对象.serialize()

作用:自动生成JSON格式的文本

注意:为每个jQuery对象设置一个name属性,因为name属性会被认为请求参数名

注意:必须用<form>标签元素
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息