ajax示例Word文档格式.docx
- 文档编号:15116166
- 上传时间:2022-10-27
- 格式:DOCX
- 页数:9
- 大小:18.01KB
ajax示例Word文档格式.docx
《ajax示例Word文档格式.docx》由会员分享,可在线阅读,更多相关《ajax示例Word文档格式.docx(9页珍藏版)》请在冰豆网上搜索。
*@param{String}optionalusername可有可无
*@param{String}optionalpassword可有可无
*@memberOfXMLHttpRequest
*/
XMLHttpRequest.prototype.open=function(method,url,async,username,password){};
*functionsend(body)//当ajax的代码都进行绑定之后,再对绑定的路劲进行发送请求。
*@param{Object}body
在调用该方法之前的操作都是绑定参数和方法的操作。
XMLHttpRequest.prototype.send=function(body){};
/**用于绑定处理方法,当send之后,对接收到的状态或者熟悉进行处理,
*functiononreadystatechange
*@memberOfXMLHttpRequest
*/
XMLHttpRequest.prototype.onreadystatechange=function(){};
◆属性
Status:
*页面的状态。
用于open之后查找到对应的地址是否存在
*propertystatus
404代表找不到页面,或者服务器。
200成功
500服务端代码错误。
*@typeNumber
XMLHttpRequest.prototype.status=0;
*propertyresponseText从服务端返回的响应文本。
*@typeString
XMLHttpRequest.prototype.responseText="
"
;
*propertyreadyState当前的读入状态,0代表未读,2已经连接,3正在读入,4读入完成。
XMLHttpRequest.prototype.readyState=0;
⏹运行流程(重要)
1.在javascript中的方法绑定到XMLHTTPrequast()。
2.绑定好响应的发送参数:
open(”get“,url,true);
3.绑定好响应的处理函数,
4.发送请求到servlet。
5.当servlet返回是调用响应的处理函数。
●使用示例
⏹Jsp:
<
scripttype="
text/javascript"
>
varxhr;
functionfvalidate(){
//XMLHttpRequest
//1、创建ajax引擎
xhr=newXMLHttpRequest();
//2、提交什么请求
varurl="
searchServlet?
uname="
+document.getElementById("
tname"
).value+"
&
ts="
+newDate();
xhr.open("
get"
url);
//这个时候尚未发送请求。
只是绑定参数。
//3、指明当有结果返回时,如何接受或处理(绑定处理函数)
xhr.onreadystatechange=fcallback;
//4、提交请求
xhr.send();
}
//回调函数,用于处理返回的结果
functionfcallback(){
if(xhr.readyState==4){//内容全部接收完成
if(xhr.status==200){
varvdiv="
vararr=xhr.responseText.split("
-"
);
for(vari=0;
i<
arr.length;
i++){
vdiv+="
div>
+arr[i]+"
/div>
}
document.getElementById("
showMessage"
).innerHTML=vdiv;
}
}
<
/script>
/head>
body>
uname:
inputtype="
text"
id="
onkeyup="
fvalidate()"
/>
br>
divid="
style="
width:
100px;
border:
1pxsolidred"
pwd:
submit"
value="
/body>
⏹Servlet:
publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
Stringname=request.getParameter("
uname"
//调用业务,根据对应的名称加载对应的数据,装数据
//保存到字符串中,中间用-隔开
StringBuildersb=newStringBuilder();
sb.append("
zs"
).append("
ls"
wb"
//得到写入响应文本的流。
PrintWriterpw=response.getWriter();
//将数据写入响应文本。
pw.write(sb.toString());
//关闭流。
pw.close();
Ajax的IE兼容问题
在ajax中不同的ie生成内核的方法也不同。
代码如下:
//1、创建ajax引擎
if(window.ActiveXObject){//ie内核状态下
xhr=newActiveXObject();
}elseif(window.XMLHttpRequest){//非ie内核下
xhr=newXMLHttpRequest();
Jquery和Ajax
●使用jquery去调用ajax程序
⏹页面
functioncheck2(){
varname="
asd!
!
//参数格式$.post(URL,{DATE:
date},function回调函数);
//回调函数只会在数据状态200的时候执行:
date是回调的结果。
,
//这个方法用$.get();
一样格式。
$.post("
ajaxDemo.action"
{"
name"
:
name,"
dd"
demo"
},function(date){
alert(date);
});
formaction="
dateConverAction.action"
<
name="
onblur="
check2()"
/>
input
type="
/form>
⏹Struts2配置
--随意一个返回结果都可。
-->
actionname="
ajaxDemo"
class="
ajax.AjaxDemoAction"
<
resultname="
error"
nio.jsp<
/result>
/action>
⏹Action类
publicclassAjaxDemoActionimplementsAction{
publicStringexecute()throwsException{
//设置返回的字符编码
ServletActionContext.getResponse().setCharacterEncoding("
utf-8"
//获取参数
Stringname=ServletActionContext.getRequest().getParameter("
System.out.println("
进来了。
System.out.println(name);
//获得返回页面的流
PrintWriterpw=ServletActionContext.getResponse().getWriter();
pw.write("
你好"
pw.flush();
returnnull;
}
●Load延迟加载服务器内容
{
"
:
name,
"
},function(date){
//load方法,直接加载进元素内容。
必
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ajax 示例
![提示](https://static.bdocx.com/images/bang_tan.gif)