侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

JQuery学习(二)

2024-05-09 星期四 / 0 评论 / 0 点赞 / 83 阅读 / 2747 字

JQuery中如何使用AJAX? 1.JQuery对象.load(URL); 返回结果自动添加到JQuery对象中,换句话说,谁调用返回给谁,这种方式发送的是 GET请求。 2.JQuery对象.

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>标签元素

 

 

 

广告 广告

评论区