javascript基础---ajax入门必看_基础知识

javascript基础---ajax入门必看_基础知识

ID:30777689

大小:184.12 KB

页数:13页

时间:2019-01-03

javascript基础---ajax入门必看_基础知识_第1页
javascript基础---ajax入门必看_基础知识_第2页
javascript基础---ajax入门必看_基础知识_第3页
javascript基础---ajax入门必看_基础知识_第4页
javascript基础---ajax入门必看_基础知识_第5页
资源描述:

《javascript基础---ajax入门必看_基础知识》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、Javascript基础Ajax入门必看Ajax是现代Web应用程序开发的一项关键工具。它让你能向服务器界步发送和接收数据,然后用Javascript解析。Ajax是AsynchronousJavaScriptandXML(异步JavaScript与XML)的缩场。Ajax核心规范的名称继承于用來建立和发起请求的Javascript对象:XMLHttpRequest。这个规范冇两个等级。所冇主流浏览器都实现了第一级,它代表了基础级别的功能。第二级扩展了最初的规范,纳入了额外的事件和一些功能来让它更容易与form元素协作,并且支持-些相关规范。1.Ajax起步A

2、jax的关键在于XMLHttpRequest对象,而理解这个对彖的方法是看个例子。下面代码展示了XMLHttpRequest对象的简单用法:Example

Pressabutton

3、ripttype二〃eipplication/javascript,,>varbuttons=document.gctElcmcntsByTagNamc(z,buttorT);for(vari=0;i

4、adystatechange事件设置一个事件处理器httpRequest.onreadystatechange=handleResponse;//使用open方法来指定HTTP方法和需要请求的URL(即告诉httpRequest对象你想要做的事)httpRequest.open(〃GET〃,e.target,innerHTML+,z.html,/);//这里没冇向服务器发送任何数据,所以send方法无参数可用httpRequest・send();//处理响应〃一旦脚本调用了send方法,浏览器就会在后台发送请求到服务器。因为请求是在后台处理的,所以Ajeix依

5、靠事件來通知这个请求的进展情况。functionhandleResponse(e){//当onreadystatechan^e事件被触发后,浏览器会把一个Event对彖传递给指定的处理函数‘target属性则会被设为与此事件关联的XMLHttpRequestif(e.target.readyState二二XMLHttpRequest.DONE&&e.target,status二二200){//请求成功document・getElementByld("target")・innerHTML=e.target.responseText;//显示被请求文档的内容}}<

6、/script>三个额外的文档非常简单:Applesimg{float:left;padding:2px;margin:5px;border:mediumdoubleblack;background-color:lightgrey;width:lOOpx;height:lOOpx;}〈body〉

7、e/imgapples.jpg,z/>Pageforapples.

效果如下图所示:《Clyexiaochao.githubJo/show4cnblogs/show-ajax-firsthtml最常访问LDevelop」LifeLMySelfLPrivateLShoping」ToolsLShenZIapplescherriesbananasPressabutton随着用户点击各个水果按钮,浏览器会异步执行并取冋所请求的文档,而主文档不会被重新加载。这就是典型的Ajax行为。1.使用Ajax事件建立和探索一个简单的示例Z后,可以

8、开始深入了解XMLHttpRcqucs

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。