分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

jquery中的Ajax

发布时间:2023-09-06 01:10责任编辑:蔡小小关键词:Ajax

1.XMLHttpRequest对象

这是ajax的核心,是ajax实现的关键——发送异步请求,接收响应,执行回调都是靠它。

传统的用JavaScript实现ajax例子:

<script language="javascript" type="text/javascript">//通过这个函数来异步获取信息function Ajax(){ ????var xmlHttpReq = null; ???//声明一个空对象用来装入XMLHttpRequest ???if (window.ActiveXObject){//IE5 IE6是以ActiveXObject的方式引入XMLHttpRequest的 ???????xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP"); ???} ????else if (window.XMLHttpRequest){//除IE5 IE6 以外的浏览器XMLHttpRequest是window的子对象 ???????xmlHttpReq = new XMLHttpRequest();//实例化一个XMLHttpRequest ???} ???if(xmlHttpReq != null){ ???//如果对象实例化成功 ????????xmlHttpReq.open("GET","test.jsp",true); ???//调用open()方法并采用异步方式 ???????xmlHttpReq.onreadystatechange=RequestCallBack; //设置回调函数 ???????xmlHttpReq.send(null); ???//因为使用get方式提交,所以可以使用null参调用 ???} ???function RequestCallBack(){//一旦readyState值改变,将会调用这个函数 ???????if(xmlHttpReq.readyState == 4){ ???????????????if(xmlHttpReq.status == 200){ ???????????????????//将xmlHttpReq.responseText的值赋给ID为 resText 的元素 ???????????????????document.getElementById("resText").innerHTML = xmlHttpReq.responseText; ???????????????} ???????} ???}}</script></head><body><input type="button" id="" value="Ajax提交" onclick="Ajax();" /><div id="resText" ></div></body>

2.jQuery中的ajax:

jquery对ajax进行了封装,有$.ajax(),load(),$.get(),$.post(),$getScript()和$getJSON()方法

3.ajax全局事件:

例如ajaxStart(),ajaxStop(),ajaxComplete(),ajaxSend(),ajaxSuccess()等

jquery中的Ajax

原文地址:http://www.cnblogs.com/chen1234/p/7499509.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved