分享

jq实现Ajax的过程

 醉人说梦 2019-05-13

1.$.ajax()

post

  1. $.ajax({
  2. //请求方式
  3. type:'POST',
  4. //发送请求的地址
  5. url:'fzz.php',
  6. //服务器返回的数据类型
  7. dataType:'json',
  8. //发送到服务器的数据,对象必须为key/value的格式,jquery会自动转换为字符串格式
  9. data:{name:xxx,age:xxx},
  10. success:function(data){
  11. //请求成功函数内容
  12. },
  13. error:function(jqXHR){
  14. //请求失败函数内容
  15. }
  16. });

get

  1. $.ajax({
  2. //请求方式
  3. type:'GET',
  4. //发送请求的地址以及传输的数据
  5. url:'fzz.php?number'+=xxx,
  6. //服务器返回的数据类型
  7. dataType:'json',
  8. success:function(data){
  9. //请求成功函数内容
  10. },
  11. error:function(jqXHR){
  12. //请求失败函数内容
  13. }
  14. });

2.$.get()

  1. $.get('fzz.php',{
  2. //发送至服务器的数据,格式为key/value
  3. number:xxx
  4. },function(data){
  5. //请求成功时的callback
  6. },'json');//json为返回内容的格式

3.$.post()

post方法同上

4.load()方法

能载入远程HTML代码并插入DOM中

  1. //data为发送的key/value数据,可选
  2. //callback为请求完成的回调,可选无论请求成功或失败都会调用
  3. $('xxx').load('fzz.html',data,callback);

5.serialize()方法

serialize()作用于一个jQuery对象,能够将DOM元素内容序列化为字符串,用于Ajax请求.

    $('#form1').serialize();
  •  

解析的格式像这样:username=fzz&content=1

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多