ajax参数详解（jquery ajax 请求详解，请求成功后回调函数中的参数“data”是指什么请各位大侠帮忙看看！谢谢啦！）

本文目录

• jquery ajax 请求详解，请求成功后回调函数中的参数“data”是指什么请各位大侠帮忙看看！谢谢啦！
• 用Ajax 进行Post多参数传值
• juqery $.ajax 请求另一个html页面的指定的一部分 加载到本页面div，重点是一部分数据加载到本页面div
• vue中Axios的封装与API接口的管理详解
• ajax怎么向一个servlet传两个值，求详细解释和代码，谢谢啦
• 请问如何让PHP在长时间执行中弹出一个对话框并显示“程序正在执行”求高手详解
• 在Ajax中success: function(StrContent)里面的参数是什么意思 他是从那得到的跟URL的传递参数有关系吗
• 详解AJAX核心中的XMLHttpRequest对象
• 解释js ajax和cgi各是什么工具在b/s中起什么作用

jquery ajax 请求详解，请求成功后回调函数中的参数“data”是指什么请各位大侠帮忙看看！谢谢啦！

data 是 你通过访问Ajax 中url 对应的页面后，返回的值。相当于执行url那个页面后输出的内容。
在function(){} 里面你就可以把 获取到的data 进行处理，根据需要把获取的信息进行操作。

用Ajax 进行Post多参数传值

前端页面ajax 可以用序列化来 传过个值
$.ajax({
type: "POST",
url:url,
data:$(’#formID’).serialize(),// 要提交的表单
success: function(data) {
xxxxx
}
});
后台直接用request.getParameter("你页面name属性值");

juqery $.ajax 请求另一个html页面的指定的一部分 加载到本页面div，重点是一部分数据加载到本页面div

$.ajax( {

url: url, //这里是静态页的地址

type: "GET", //静态页用get方法，否则服务器会抛出405错误

success: function(data){

var result = $(data).find("另一个html页面的指定的一部分");

$("本页面div").html(result);
}

});

扩展资料：

JQuery中$.ajax()方法参数详解

url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。

***隐藏网址***

timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置。

async：要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。

如果需要发送同步请求，请将此选项设置为false。注意，同步请求将锁住浏览器，用户其他操作必须等待请求完成才可以执行。

cache：要求为Boolean类型的参数，默认为true（当dataType为script时，默认为false）。

设置为false将不会从浏览器缓存中加载请求信息。

vue中Axios的封装与API接口的管理详解

首先，在自己建的公用方法的文件中new一个新的/跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面setTimeout(()=》{router.replace({path:’/login’,query:{redirect:router.currentRoute.fullPath}});},1000);break;//404请求不存在case404:Toast({message:’网络请求不存在’,duration:1500,forbidClick:true});break;//其他错误，直接抛出错误提示default:Toast({message:error.resp***e.data.message,duration:1500,forbidClick:true});}returnPromise.reject(error.resp***e);}}});

响应拦截器很好理解，就是服务器返回给我们的数据，我们在拿到之前可以对他进行一些处理。例如上面的思想：如果后台返回的状态码是200，则正常返回数据，否则的根据错误的状态码类型进行一些我们需要的错误，其实这里主要就是进行了错误的统一处理和没登录或登录过期后调整登录页的一个操作。

要注意的是，上面的Toast()方法，是我引入的vant库中的toast轻提示组件，你根据你的ui库，对应使用你的一个提示组件。

封装get方法和post方法

我们常用的ajax请求方法有get、post、put等方法，相信小伙伴都不会陌生。axios对应的也有很多类似的方法，不清楚的可以看下文档。但是为了简化我们的代码，我们还是要对其进行一个简单的封装。下面我们主要封装两个方法：get和post。

get方法：我们通过定义一个get函数，get函数有两个参数，第一个参数表示我们要请求的url地址，第二个参数是我们要携带的请求参数。get函数返回一个promise对象，当axios其请求成功时resolve服务器返回值，请求失败时reject错误值。最后通过export抛出get函数。

/***get方法，对应get请求*@param{String}url*/exportfunctionget(url,params){returnnewPromise((resolve,reject)=》{axios.get(url,{params:params}).then(res=》{resolve(res.data);}).catch(err=》{reject(err.data)})});}

post方法：原理同get基本一样，但是要注意的是，post方法必须要使用对提交从参数对象进行序列化的操作，所以这里我们通过node的qs模块来序列化我们的参数。这个很重要，如果没有序列化操作，后台是拿不到你提交的数据的。这就是文章开头我们importQSfrom’qs’;的原因。如果不明白序列化是什么意思的，就百度一下吧，答案一大堆。

/***post方法，对应post请求*@param{String}url*/exportfunctionpost(url,params){returnnewPromise((resolve,reject)=》{axios.post(url,QS.stringify(params)).then(res=》{resolve(res.data);}).catch(err=》{reject(err.data)})});}

这里有个小细节说下，axios.get()方法和axios.post()在提交数据时参数的书写方式还是有区别的。区别就是，get的第二个参数是一个{}，然后这个对象的params属性值是一个参数对象的。而post的第二个参数就是一个参数对象。两者略微的区别要留意哦！

axios的封装基本就完成了，下面再简单说下api的统一管理。

整齐的api就像电路板一样，即使再复杂也能很清晰整个线路。上面说了，我们会新建一个api.js,然后在这个文件中存放我们所有的api接口。

首先我们在api.js中引入我们封装的get和post方法

/***api接口统一管理*/import{get,post}from’.//获取数据onLoad(){//调用api接口，并且提供了两个参数apiAddress({type:0,sort:1}).then(res=》{//获取数据成功后的其他操作})}}}

其他的api接口，就在pai.js中继续往下面扩展就可以了。友情提示，为每个接口写好注释哦！！！api接口管理的一个好处就是，我们把api统一集中起来，如果后期需要修改接口，我们就直接在api.js中找到对应的修改就好了，而不用去每一个页面查找我们的接口然后再修改会很麻烦。关键是，万一修改的量比较大，就规格gg了。还有就是如果直接在我们的业务代码修改接口，一不小心还容易动到我们的业务代码造成不必要的麻烦。

好了，最后把完成的axios封装代码奉上。

/**axios封装*请求拦截、相应拦截、错误统一处理*/importaxiosfrom’axios’;importQSfrom’qs’;import{Toast}from’vant’;importstorefrom’../store/index’//环境的切换if(process.env.NODE_ENV==’development’){axios.defaults.baseURL=’/api’;}elseif(process.env.NODE_ENV==’debug’){axios.defaults.baseURL=’’;}elseif(process.env.NODE_ENV==’production’){axios.defaults.baseURL=’/’;}//请求超时时间axios.defaults.timeout=10000;//post请求头axios.defaults.headers.post*/exportfunctionpost(url,params){returnnewPromise((resolve,reject)=》{axios.post(url,QS.stringify(params)).then(res=》{resolve(res.data);}).catch(err=》{reject(err.data)})});}

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流。

ajax怎么向一个servlet传两个值，求详细解释和代码，谢谢啦

给你说两种方法吧
1. 你可以把参数放到input里面。
《form action="xxxServlet" method="post"》
用户名： 《input type="text" name="username"》 《/br》
《input type="submit" value="提交"》
《/form》
2.可以一直接放到 url 里面.(你可以直接在url中加入参数)。

请问如何让PHP在长时间执行中弹出一个对话框并显示“程序正在执行”求高手详解

如果是点击一个按钮弹出对话框再执行程序的话可以写成：
《!--此处为触发事件点击的按钮，当然你的可能是一个链接或别的什么形式展现的，我们要用到的只是 id="btn"--》
《input type="button" value="点我执行" id="btn"》
《!--此处为弹出窗口层，默认为隐藏状态--》
《div id="pop" style="display:none;"》程序正在执行《/div》
《script type="text/javascript" src="jquery.js"》《/script》
《script type="text/javascript"》
$("#btn").click(function(){ //点击id="btn"按钮时执行
$("#pop").show(); //显示弹出窗口
//执行ajax请求
$.ajax({
type: "post", //请求方式
data: "", //参数
url: "请求的PHP文件路径",
error:function(){ //请求失败
},
success:function(data){ //请求成功,data为从请求的PHP页面中返回的数据
//请求成功后如果页面不发生跳转的话需要将弹出窗口隐藏
//隐藏弹出窗口的话写：
//$("#pop").hide();
//如果不隐藏，需要在弹出窗口中显示返回的数据的话写
//$("#pop").html("要在弹出窗口中显示的内容文本或html代码");
}
});
});
《/script》

在Ajax中success: function(StrContent)里面的参数是什么意思 他是从那得到的跟URL的传递参数有关系吗

success: function(StrContent)里的这个参数，任意命名的，在这个函数有用到。参数值是在Ajax提交成功后所返回的内容。

详解AJAX核心中的XMLHttpRequest对象

　　XMLHttpRequest 对象是AJAX功能的核心 要开发AJAX程序必须从了解XMLHttpRequest 对象开始

　　了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始 在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法

　　先看看IE创建XMLHttpRequest 对象的方法（方法 ）

　　var xml = new ActiveXObject( Msxml XMLHTTP ); 

　　//使用较新版本的 IE 创建 IE 兼容的对象（Msxml XMLHTTP）

　　var xml = new ActiveXObject( Microsoft XMLHTTP );

　　//使用较老版本的 IE 创建 IE 兼容的对（Microsoft XMLHTTP）

　　var xml = new XMLHttpRequest();

　　实际上Internet Explorer 使用了一个名为 XMLHttp 的对象 而不是 XMLHttpRequest 对象 而 Mozilla Opera Safari 和 大部分非 Microsoft 浏览器都使用的是后者（下文统称 XMLHttpRequest 对象） IE 开始也开始使用XMLHttpRequest 对象了

　　在创建 XMLHttpRequest 对象的时候如果不同的浏览器使用了不正确的方法浏览器都将会报错 并且无法使用该对象 所以我们需要一种可以兼容不同浏览器的创建XMLHttpRequest 对象的方法

　　创建兼容多浏览器的 XMLHttpRequest 对象方法

　　var xml = false; //创建一个新变量 request 并赋值 false 使用 false 作为判断条件 它表示还没有创建 XMLHttpRequest 对象 function CreateXMLHttp(){try{xml = new XMLHttpRequest();  //尝试创建 XMLHttpRequest 对象 除 IE 外的浏览器都支持这个方法 }catch (e){try{xml = new ActiveXObject( Msxml XMLHTTP );  //使用较新版本的 IE 创建 IE 兼容的对象（Msxml XMLHTTP）}catch (e){try{xml = new ActiveXObject( Microsoft XMLHTTP ); //使用较老版本的 IE 创建 IE 兼容的对象（Microsoft XMLHTTP） }catch (failed){xml = false;  //如果失败则保证 request 的值仍然为 false }}}return xml;}判断是否创建成功就很简单了

　　if (!xml){//创建XMLHttpRequest 对象失败!}else{//创建成功!}

　　创建好了XMLHttpRequest 对象我们再来看看这个对象的方法 属性以及最重要的onreadystatechange事件句柄吧

　　 方法

　　open() 说明 初始化 HTTP 请求参数 例如 URL 和 HTTP 方法 但是并不发送请求

　　abort() 说明 取消当前响应 关闭连接并且结束任何未决的网络活动

　　getAllResp***eHeaders() 说明 把 HTTP 响应头部作为未解析的字符串返回

　　getResp***eHeader() 说明 返回指定的 HTTP 响应头部的值

　　send() 说明 发送 HTTP 请求 使用传递给 open() 方法的参数 以及传递给该方法的可选请求体

　　setRequestHeader() 说明 向一个打开但未发送的请求设置或添加一个 HTTP 请求

　　 属性

　　readyState 说明 HTTP 请求的状态

　　resp***eText 说明 目前为止为服务器接收到的响应体（不包括头部） 或者如果还没有接收到数据的话 就是空字符串

　　resp***eXML 说明 对请求的响应 解析为 XML 并作为 Document 对象返回

　　status 说明 由服务器返回的 HTTP 状态代码

　　statusText 说明 这个属性用名称而不是数字指定了请求的 HTTP 的状态代码

　　onreadystatechange 是每次 readyState 属性改变的时候调用的事件句柄函数

　　下面从发送请求并处理请求结果的过程来理解一下XMLHttpRequest 对象吧

　　发送请求之前自然就是生成一个XMLHttpRequest 对象 代码上面有了就不多写了

　　生成一个XMLHttpRequest 对象

　　var xml = CreateXMLHttp();

　　创建好XMLHttpRequest 对象了 那我们要送请求到哪个网站呢 就选择博客园首页的RSS吧 那怎么设置我要请求的网站地址呢 使用open()方法

　　open(method url async username password)

　　该方法有 个参数 具体什么意思可以看这里 我们用的就是这个了

　　xmlHttp open( get true);

　　get参数表示用get方法 第二个自然就是目标地址 博客园首页 第三个就是表示是否异步了 我们当然使用true了 具体的参数说明还都可以到上面看了

　　 好了 目标定好了 怎么发送呢 用send()方法？

　　send(body) send()方法只有一个参数 表示DOM对象 这个DOM对象需要说明的内容很多 下次说 今天我们只要写

　　xml send();就可以了 好了 发送了 那怎么处理返回的结果呢 这个时候就用到XMLHttpRequest 对象最重要的东西了 那就是onreadystatechange事件句柄 什么意思呢 那就需要说明一下XMLHttpRequest 对象的readyState了 readyState有 种状态 分别用数字的 到 来表示

　　 状态 名称 描述 Uninitialized  初始化状态 XMLHttpRequest 对象已创建（未调用open()之前）或已被 abort() 方法重置 Open open() 方法已调用 但是 send() 方法未调用 请求还没有被发送 Sent Send() 方法已调用 HTTP 请求已发送到 Web 服务器 未接收到响应 Receiving 所有响应头部都已经接收到 响应体开始接收但未完成 Loaded HTTP 响应已经完全接收

　　但是需要注意的是 onreadystatechange事件句柄不同的浏览器能处理的状态并不一致 IE和FireFox能处理 到 而Safari能处理 到 的状态 Opera 能处理 两中状态 的状态基本没什么用 因为创建了XMLHttpRequest 对象后都会马上调用open() 方法 这时候状态就变成 了 当然除非你要判断对象是否已经被 abort() 取消 可是这样的情况依然很少 大部分情况下判断是不是 （已经接受完成）这个状态就够了

　　好了 明白了readyState有 种状态了 那处理返回结果就是看状态变更到不同的状态我们做不同的处理就可以了 怎么告诉XMLHttpRequest 对象状态变化时让谁来处理这个变化呢 有两种写法 一种是用匿名方法 另一种是指定方法 其实只是不同的写发 作用都一样 看下代码

　　xml onReadyStateChange = function (){//处理状态变化的代码}//或者xml onReadyStateChange = getResult;function getResult(){///处理状态变化的代码}

　　顺便说一下 句柄的名称比较长 可以这样记忆 on ReadyState Change 表示在读取状态改变时请求发送了 也指定处理方法了 怎么获取返回的内容呢 有resp***eText和resp***eXML两个属性可供使用 resp***eXML是返回对象 需要再解析 后面再说 这里先用resp***eText 看看返回什么

　　alert(xml resp***eText); //看看是不是返回了首页的HTML代码啊 是你就成功了

　　 整个过程是 创建XMLHttpRequest 对象 》 指定发送地址及发送方法 》 发送请求 》 指定处理方法并处理返回结果 但是需要注意 我们正常的思路理解是这样的 可是onreadystatechange事件句柄指定处理方法需要在发送之前就指定好 否则无法处理状态变化事件

　　所以我们应该按照下面的流程来记忆 创建XMLHttpRequest 对象 》 指定发送地址及发送方法 》 指定状态变化处理方法 》 发送请求 请求发送后状态变化了就会自动调用指定的处理方法 好了 看看完成的代码吧

　　完成的代码

　　var xml = false; //创建一个新变量 request 并赋值 false 使用 false 作为判断条件 它表示还没有创建 XMLHttpRequest 对象 function CreateXMLHttp(){try{xml = new XMLHttpRequest();  //尝试创建 XMLHttpRequest 对象 除 IE 外的浏览器都支持这个方法 }catch (e){try{xml = new ActiveXObject( Msxml XMLHTTP );  //使用较新版本的 IE 创建 IE 兼容的对象（Msxml XMLHTTP）}catch (e){try{xml = new ActiveXObject( Microsoft XMLHTTP ); //使用较老版本的 IE 创建 IE 兼容的对象（Microsoft XMLHTTP） }catch (failed){xml = false;  //如果失败则保证 request 的值仍然为 false }}}return xml;}xml = CreateXMLHttp();xml open( get true);xml onReadyStateChange = getResult;xml send();function getResult(){if(xml readyState == ){alert(xml resp***eText);}}

　　看似一切都OK了 可是有没有想过 如果HTML代码在网络传输过程中出错了 或者我们指定的地址失效会怎么样呢 这个时候就需要用到status属性 即由服务器返回的 HTTP 状态代码 xml status 等于 时表示传输过程完整没有错误 具体的HTTP状态代码什么意思可以到W C组织网站上看看 地址l

　　把getResult()方法写成下面这样我觉的就真的OK了

　　function getResult(){if(xml readyState == && xml status == ){alert(xml resp***eText);}}

解释js ajax和cgi各是什么工具在b/s中起什么作用

名词解释：

• js

  javascript的简称。javascript是由网景公司出品的浏览器端脚本语言，用来实现浏览器端的交互功能开发。现已被标准化为ECMAScript。

• ajax

  ajax是Asynchronous Javascript And XML（异步javascript及XML)的缩写形式。是指一种创建交互式网页应用的网页开发技术。实际上传输的数据格式不仅仅是XML，还可以是json，binary等。

• cgi

  cgi是Common Gateway Inte***ce（通用网关接口），是互联网上网页内容生成与应用的标准技术。可以简单理解为服务器根据浏览器的请求参数生成动态网页的一种技术。

在b/s架构中的所扮演的角色

• js

  浏览器端的编程语言

• ajax

  浏览器端用以发起跟cgi通信的基础api。

• cgi是server端的处理请求及返回响应的服务器进程。

综述：

***隐藏网址***

    ajax是实现网页类富客户端应用的前提条件。有了它网页可以在不刷新网页的基础上跟后端服务器进行数据交互。

    cgi是处理客户端或浏览器端请求的服务器进程。我们用它来产生动态网页内容。