ajax传参的一些总结

一、ajax实现get或post的请求的封装
1、$.ajax({});
2、url 接口的地址
3、type 请求方式要结合后台
4、timeout 请求超时单位：ms
比如：
timeout:3000;
同时服务器需要设置线程暂停sleep(4);
请求失败之后的回调
error:function(e){
if(e.statusText=="timeout"){
alert("请求超时，请重试);
}
}
5、dataType 设置响应数据的格式
响应数据的格式包括：xml json text html script jsonp
同时要查看后台服务器返回的数据格式，针对性的进行参数设置。
根据用户传入的dataType进行数据的转换接收
if(dataType == "json"){
var result = JSON.parse(xhr.responseText);
}else if(dataType == "xml"){
var result = xhr.responseText;
}else{
var result = xhr.responseText;
}
6、data 发送请求数据对象的格式
7、beforeSend:function(){} 发送请求之前的调用
在这个回调中，我们可以进行一些请求之前的相关操作，比如：验证
在这个回调函数中，如果return false，那么本次请求会终止。
8、success 成功响应后调用
9、error 错误响应时调用响应状态不是200的时候直接进入error
10、complete:function(){} 响应完成时调用（无论请求成功还是失败）
这个回调函数，主要实现一些全局成员的释放，或者页面状态的重置，...
11、$("form").serialize() 格式化key=value&key=value
可以通过表单序列化的方式来收集用户数据
这个方法是jquery中的方法，需要jquery对象来调用
这个方法可以将表单中所有name属性的表单元素的值收集起来，生成key=value&key=value这种结构
在ajax中支持两种格式的参数，一是对象，二是参数格式字符串
二、以get方式发送请求
$.get(url,data,success,dataType) 只能发送get请求
参数的说明：
url:请求的url
Data：请求所传递的数据
success 成功之后的回调
datatype 我们需要返回的数据的格式

三、以post方式发送请求
$.post(url,data,success,dataType) 只能发送post请求
参数的说明：
url:请求的url
Data：请求所传递的数据
success 成功之后的回调
datatype 我们需要返回的数据的格式

ajax传参的一些总结相关推荐

data参数 layui_layui ajax传参的data类型
前台layui table组件,后台是PHP,监听btn-submit按纽传递数据交互一般用ajax传参时,其语法为 form.on('submit(add)',function(data){ // ...
jfinal ajax传值,JFINAL+Ajax传参 array 数组方法获取request中数组操作
前台代码js var _list =[]; for (var i = 0; i < array.length; i++) { _list[i] = array[i]; } $.ajax({ ty ...
ajax传参到实体类对应字段
之前看公司的代码,从页面ajax传参数到接口类,接口类用一个实体接收.我一直以为c#会自动识别,赋值到同名的字段. 我曾和朋友讨论过,双方辩论.朋友认为c#没有这种功能,没有这样高级匹配的机制.而我因 ...
2015/10/19总结：ajax传参、jquery.validate自定义日期校验
以下内容仅来自于日常实践零碎回顾.总结,不保证正确性,欢迎路过的大神指点指点! 1.这几天一直在写jsp前端页面,了解到前端与后端数据交互数据有两种.一种是form 的submit方式提交,这种方法可 ...
mui ajax传参示例
//加入购物车var data=[];var row1 = {good_id:'1',number:'2',goods_spec_ids:[1,2]};data.push(row1);console. ...
从网页复制内容到富文本、或者富文本里自己加样式，当ajax传参时候，总是莫名其妙丢失变成无意义的html，究竟是为什么呢
本次使用的富文本插件是百度的ueditor. 经过一天的折腾,才明白当你原样将富文本的内容通过ajax的当成json传递出去的时候, 因为引号的关系会导致截取,本来<p style=" ...
ajax传参data里面的键是一个变量得解决方式
function editMore(field,val) {//1.获取选中的idvar ids = jQuery("#jsonmap").jqGrid('getGridParam ...
wdatepicker ajax传参,DatePicker在Ajax加载的页面中不起作用
我将datepicker附加到全局脚本文件中的输入中,如下所示: $(document).on("focusin",".datePick", function ...
java获取ajax传的数组对象,ajax传递对象数组
ajax data怎么传对象数组参考代码如下: var as = []; var temp = []; for ( var int = 0; int < 5; int++) { temp.pu ...
a标签用ajax请求传参,Django中如何实现传参的Ajax请求
带参数的Ajax请求通过Ajax实现下面的功能: 在实现这个功能之前需要掌握的点: 1.在学习jQuery时,我们知道: 获取input标签中输入的值:$("#num1").va ...

ajax传参的一些总结

ajax传参的一些总结相关推荐

最新文章

热门文章