jquery-笔记图解②是7种技术综合,它包含了七个

ajaxajax(asynchronousejavascriptandxml)异步的javascript②是7种技术的综合,它包含了七个技术(javascriptxmlxstlxhtmldomxmlhttprequest,css), ③ajax是一个与服务端语言无关的技术.即可以使用在(php/javaee/.net/ajax可以给客户端返回三种格式数据(文本格式，xml,json格式⑤无刷新数据交换技术有以下:flash,javaapplet,框架, ajax看一个需求ajax动态加载数据，按需取得【树形菜单、联动菜单.../省市联动改户体验【输入内容前提示、带进度条文件上传...电子商务应用。【购物车、邮件订阅...4第服务 【搜索服务、rss阅读器数据的布局刷经典的案使用ajax与服务器通信的的步一个XMLHttpRequest对建url,data,器端接收ajax的请求,做相应处理(操作数据库)，然后返回结果(echo语端通过xmlHttpRequest的属性reponseTextresponseXML取的数据，1.使用ajax完成用户名的验<title>用户<metahttp-equiv="content-type"content="text/html;charset=utf-<script//创建ajax引functionvar//不同的浏览器获取对象xmlhttprequest对象方法不一xmlHttpRequest=newActiveXObject("xmlHttpRequest=new}return}varfunctioncheckName(){//怎么判断创建ok//通过myXmlHttpRequest对象发送请求到服务器的某个页//第一个参数表示请求的方式get//第二个参数指定url,对哪个页面发出ajax请求(本质仍然是http求//第三个参数表示true表示使用异步机制,如果false表示不使用步 //指定回调函数.chuli是函数//真的发送请求,如果是get请求则填入null即//如果是post请求，则填入实际的数}}functionchuli(){//window.alert("处理函数被调回//我要取出从registerPro.php页面返回的数//取出值,根据返回信息的格式定//window.alert("服务器返回}}function$(id){ }<formaction="???"用户名字:<inputtype="text" onclick="checkName();"value="验证用户名">用户:<inputtype="password"电子邮件:<inputtype="text"name="<formaction="???"用户名字:<inputtype="text"name="username2"电子邮件:<inputtype="text"name="//这里两句话很重要,第一告诉浏览器返回的数据是xml格header("Content-Type:text/xml;charset=utf-header("Cache-Control:no-cache");//接收if($username=="shunecho"用户名不可以用";//注意，这里数据是返回给请求的页面echo"用户名可以用}ajaxpost方式请求面案例我们修改一下var//var//还有一句话，这句话必须//指定回调函数.chuli//真的发送请求,如果是get请求则填入null//如果是postregisterPro.php关键码：使用get而是缓存取数据.,urlurl后带一个总是变化的参数, 在服务器回送结果时，禁用缓存//这里两句话很重要,第一告诉浏览器返回的数据是xml格header("Cache-Control:no-cache");ajax如何处理返回的数据格式是xml<title>用户<metahttp-equiv="content-type"content="text/html;charset=utf-<script//创建ajaxfunctionvar//不同的浏览器获取对象xmlhttprequestxmlHttpRequest=new}return}varfunction//怎么判断创建ok//通过myXmlHttpRequest//第一个参数表示请求的方式,"get"//url,ajax请求(http求//第三个参数表示true表示使用异步机制,如果falsevar//var//还有一句话，这句话必须//指定回调函数.chuli//真的发送请求,如果是get请求则填入null//如果是post}}functionchuli(){//我要取出从registerPro.php//取出值,根据返回信息的格式定//看看如果取出xml//获取mes//取出mes//mes[0]->表示取出第一个mes//mes[0].childNodes[0]->表示第一个mesvar}}function$(id){ .ge}<formaction="???"用户名字:<inputtype="text" name="username1"id="username"><inputtype="button"onclick="checkName();" <inputstyle="border-width:0;color:red"type="text"用户:<inputtype="password"电子邮件:<inputtype="text"name="<inputtype="submit"value="用户<formaction="???"用户名字:<inputtype="text"name="username2"用户:<inputtype="password"电子邮件:<inputtype="text"name="<inputtype="submit"value="用户//这里两句话很重要,第一告诉浏览器返回的数据是xml格header("Cache-Control:no-cache");//接收数据(_POST//这里我们看看如何处理格式是据是返回给请求的页面}echoajax如何处理jsonjson"{属性名:属性值,属性名:属性值 json数据是原生态数据，因此这种数据格式很稳定，而且描述能力强,我们建议大家使用json格式json如果服务器返回的json是多组数据，则格式应当如下 在xmlhttprequest对象接收到json//var//通过reses③更加复杂的json<scriptlanguage="JavaScript">varpeople={{"firstName":"Brett","": "{"firstName":"Jason","": "[{"writer":"{"writer":"小结当一个ajax,那么我们如果你的项目经理没有特殊的要求，建议使用若应用程序不需要与其他应用程序共享数据的时候,使用HTML片段来返如果数据需要重用,JSON文件是个不错的选择,其在性能和文件大小方面当应用程序未知时,XML文档是首选,因为XML是web服务领域ajax的省市联动案例(如何动态的从服务器取得数据showCities.php<metahttp-equiv="content-type"content="text/html;charset=utf-<script//创建ajaxfunctionvar//不同的浏览器获取对象xmlhttprequestxmlHttpRequest=new}return}varmyXmlHttpRequest="";functiongetCities(){varurl="/ajax/showCitiesPro.php";//postvardata="province="+$('sheng').value;}}functionchuli(){varmyOption=////for(varvar//创建新的元素varmyOption= //}}}}function$(id){ .ge}<selectid="sheng"<optionvalue="">---省<optionvalue="zhejiang">浙江<optionvalue="jiangsu"江苏<optionvalue="sichuan"><select<optionvalue="">--城市<select<optionvalue="">--县城////这里两句话很重要,第一告诉浏览器返回的数据是xml格header("Cache-Control:no-cache");////$info="<province><city></city><city></city><city>}else$info="<province><city></city><city>徐州</city><city>苏}echoglodPrice.php<metahttp-equiv="content-type"content="text/html;charset=utf-<linkhref="Untitled-1.css"rel="stylesheet"type="text/css"<scriptsrc="my.js"<scriptvarmyXmlHttpRequest;functionupdateGoldPrice(){//创建ajaxvarvarmyXmlHttpRequest.onreadystatechange=function//接收数据json//}}}}}//5<h1>5秒中更新数据(1000为基数计算涨跌<tableborder=0<tr><tdcolspan="3"><imgsrc="gjhj_bj_tit.gif"<tr><td>市场</td><td>价格$</td><td>涨跌<tr><td>伦敦 <tr><td> <t