ajax请求封装的公共方法】的更多相关文章

/** * post 方法 */ function ajaxPost(url, params, callBack) { ajax(url,params,"post",callBack); } /** * get 方法 */ function ajaxGet(url, params, callBack) { ajax(url,params,"get",callBack); } /** * ajax 方法 */ function ajax(url, params, me…
封装的意义在于复用,在于减少重复的代码. 我在项目中做了简单的Ajax请求封装,实现方式如下: //封装Ajax请求 $.extend({ ajaxDirect:function(url,type,data,success,error){ if(type.toLowerCase()=='post'){ data = pack(data) } $.ajax({ type: type, url: base + url, contentType:'application/json', data:dat…
在项目中,遇到的问题是: 四个tab发送四个不同的请求,当用户连续在不同的按钮之间来回切换时,会出现不清楚那条数据是需要展示的的问题,和当连续点击同一个按钮时,基本同时返回的数据会全都展示出来的问题. 解决的方法: 需要展示哪条的问题: 记录最后一次用户点击的tab,对请求回来的数据进行判断,找出与用户最后一次点击的tab相同的那条数据展示出来. 这样做仍然存在的问题是,可能两条以上相同的请求发出,得到两条以上相同的数据,这样就会重复展示出来. 禁止发出两条相同的请求: 通过为tab请求设置不同…
写封装函数的套路 1.先写出这个函数原来的基本用法 2.写一个没有形参空函数,将上一步的代码直接作为函数体, 3.根据使用过程中,抽象出来需要变的东西作为形参 function ajax (method, url, params, fun) { method = method.toUpperCase() //在传入method的时候可以忽略大小写 var xhr = new XMLHttpRequest() if (typeof params === 'object') { //如果在地址传入的…
我们可以利用f:ajax做一些简单的ajax操作,但是遇到复杂的逻辑,它不能简单的去实现,jsf提供了一种方法,可以调用它内部的js方法去实现复杂的逻辑. 首先要在页面引入jsf的js文件: <h:outputScript library="javax.faces" name="jsf.js" /> 这是一种固定的写法. 然后就是在组件中调用,示例性代码如下: <h:commandButton id="request" valu…
前台jquery代码 $(function () { $("#btnfix").click(function () { $.ajax({ type: "post", url: "fix.aspx/test", contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { console…
1.新建文件夹 util , 在util里边新建 mm.jsx文件 2.使用jquery里边的ajax发送请求,回调用promise,返回一个promise对象 request(param){         return new Promise((resolve, reject) => {             $.ajax({                 type : param.type || 'get',                 url : param.url || '',…
function getPageTotalAndDataTotal(page) { //设置一个变量用于接收ajax返回的值 var pageTotal = 0; // 获取页数与数据总数 $.ajax({ url : "你的url地址", type : "post", async : false,//此处需要注意的是要想获取ajax返回的值这个async属性必须设置成同步的,否则获取不到返回值 data : {"name":"xiao…
var xmlHttp; var ajaxRequest = function (params) { xmlHttp ={}; this.url = params.url; this.method = params.method; this.dataType = params.dataType; this.formData = params.formData;//string 仅用于post this.init = function(){ if (window.XMLHttpRequest) {…
我们都知道jQuery为ajax请求封装了success和error两个回调方法,其实jQuery也实现了为非ajax请求的普通方法也设计了绑定回调函数的方法. 当一个方法需要等待另一个耗时很长的方法完成之后才能执行的时候,我们非常希望可以监听这个耗时的方法. 示例: var wait = function(){ var deferred = $.Deferred(); //在函数内部,新建一个Deferred对象 var tasks = function(){ alert("执行完毕!&quo…