博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ajax发送data的三种方式
阅读量:7250 次
发布时间:2019-06-29

本文共 1995 字,大约阅读时间需要 6 分钟。

1.json数组

$(function(){  var myclick = function(){    var myDiv = $("#mydiv").val();    var myData = {mydiv:div};    var myFunction = function(result){      alert(result);    };    var errorFunction = function(XMLHttpRequest,textStatus){            if (XMLHttpRequest.status==404){      alert('找不到服务器[404]');      } else if(XMLHttpRequest.status==500){      alert('服务器忙,请稍后再试[500]');      }else{      alert('服务器错误['+XMLHttpRequest.status+']');      }    };    $.ajax({      url:"B",      type:"POST",      data:myData,      dataType:"text",      success:myFunction,      error:errorFunction,      timeout:3000    });  }  $("#img").click(myclick);});

 

 

2..url拼接

$(function(){  var myclick = function(){    var myFunction = function(result){      alert(result);    };    var errorFunction = function(XMLHttpRequest,textStatus){            if (XMLHttpRequest.status==404){      alert('找不到服务器[404]');      } else if(XMLHttpRequest.status==500){      alert('服务器忙,请稍后再试[500]');      }else{      alert('服务器错误['+XMLHttpRequest.status+']');      }    };    $.ajax({      url:'B?mydiv='+$("#mydiv").val(),      type:"POST",     // data:myData,      dataType:"text",      success:myFunction,      error:errorFunction,      timeout:3000    });  }  $("#img").click(myclick);});

3.表单的序列化serialize(强烈推荐)

 

$(function(){  var myclick = function(){    var kk = $("#userName").serialize();        var tt = $("#frm1").serialize();    var myFunction = function(result){      alert(result);    };    var errorFunction = function(XMLHttpRequest,textStatus){            if (XMLHttpRequest.status==404){      alert('找不到服务器[404]');      } else if(XMLHttpRequest.status==500){      alert('服务器忙,请稍后再试[500]');      }else{      alert('服务器错误['+XMLHttpRequest.status+']');      }    };    $.ajax({      url:"B",      type:"POST",      data:tt,      dataType:"text",      success:myFunction,      error:errorFunction,      timeout:3000    });  }  $("#img").click(myclick);});

 

转载于:https://www.cnblogs.com/chouguangjing/p/7260144.html

你可能感兴趣的文章
AngularJS 过滤器
查看>>
【Ubuntu17.10】【Python】菜鸟新建文件夹、给予777权限、新建一个简单的python脚本测试...
查看>>
2018 浅谈前端面试那些事
查看>>
flutter实战3:解析HTTP请求数据和制作新闻分类列表
查看>>
react onCompositionStart/Update/onCompositionStartEnd 触发时机
查看>>
一个强大的批处理文件
查看>>
基于 Swoole 的微信扫码登录
查看>>
Largest Rectangle in Histogram
查看>>
聊聊pg jdbc的queryTimeout及next方法
查看>>
golang 依赖管理
查看>>
Java常用工具类整理
查看>>
FED之必备技能
查看>>
高性能磁盘 I/O 开发学习笔记 -- 硬件原理篇
查看>>
一个还算优雅的 react 图片组件
查看>>
JSON应知应会
查看>>
一个PHP文件搞定支付宝系列之手机网站支付(兼容微信浏览器)
查看>>
设计模式之代理模式
查看>>
客服系统从Require.js到Webpack
查看>>
React 16 中的异常处理
查看>>
独家解析Javascript原型继承
查看>>