购物网站建设的意义与目的,线上推广渠道主要有哪些,做网站界面需要注意什么,如何更快的学习.net网站开发1,什么是Ajax#xff1f; Ajax#xff08;异步Javascript和XML#xff09;#xff0c;是指一种创建交互式网页应用的网页开发技术。 2#xff0c;Ajax的作用 Ajax可以使网页实现异步更新----即在不更新整个页面的情况下实现对某一部分进行更新。 简单来说Ajax就是用于连接… 1,什么是Ajax Ajax异步Javascript和XML是指一种创建交互式网页应用的网页开发技术。 2Ajax的作用 Ajax可以使网页实现异步更新----即在不更新整个页面的情况下实现对某一部分进行更新。 简单来说Ajax就是用于连接服务器的一种工具。 3 Ajax所包含的技术 Ajax并非一种新的技术而是几种原有技术的结合体。 以下便是Ajax所包含的技术 1.使用CSS和XHTML来表示 2.使用DOM模型来交互和动态显示 3.使用XMLHttpRequest来和服务进行异步通信 4.使用javascript来绑定和调用 4Ajax的工作原理如图所示 1用户在Web页面上执行了某个操作比如鼠标单击每个链接或按钮等。 2根据用户的操作触发事件的发生并调用注册到该事件的JavaScript事件处理函 数。在JavaScript事件处理函数中需要创建并初始化一个用以向服务器发送异步请求XMLHttpRequest对象同时指定一个回调函数。当服务器端响应返回时将自动调用该回调函数。 3 服务器收到XMLHttpRequest对象的请求后根据请求进行一系列的处理。
4处理完毕服务器端向客户端返回所需要的数据数据格式通常是HTMLXMLJSON。
5数据到达客户端之后执行JavaScript回调函数在回调函数中将处理返回的数据并将数据显示在用户界面。这时站在用户的角度来说用户获得自己操作所需的数据并看到界面中某部分内容的更新。由于是异步更新并没有重新加载页面所以具有很高的用户交互性用户几乎察觉不到延迟。
5Ajax的核心
使用的 XMLHttpRequest 对象但是需要注意的是——不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的 如IE浏览器使用 ActiveXObject而其他浏览器则使用 XMLHttpRequest的 javascript 的内建对象 6Ajax的使用步骤
1、创建xhr new XMLHttpRequest();
2、创建请求 xhr.open(method,url,isAsyn);
3、设置回调函数 onreadystatechange();
4、发送请求 xhr.send();
7JSON语法是JavaScript对象表示语法的子集。
l 数据在键值对中 l 数据由逗号分隔 l 花括号保存对象 l 方括号保存数组 例如使用JSON来表示输入的账号及密码如图所示注意其中键应当放置在双引号中。 8Ajax的封装 名称 值/描述 type 规定请求的类型GET或POST。 url 规定发送请求的URL。默认是当前页面。 data 规定要发送到服务器的数据。 timeout 设置本地的请求超时时间以毫秒计。 success(result,status,xhr) 当请求成功时运行的函数。 error(xhr,status,error) 如果请求失败要运行的函数。 beforeSend(xhr) 发送请求前运行的函数。 complete(xhr,status) 请求完成时运行的函数在请求成功或失败之后均调用即在 success 和 error 函数之
