 
		 
		{"id":107,"date":"2015-12-13T21:53:05","date_gmt":"2015-12-13T13:53:05","guid":{"rendered":"http:\/\/www.softeng.cn\/?p=107"},"modified":"2015-12-13T21:53:05","modified_gmt":"2015-12-13T13:53:05","slug":"%e5%9f%ba%e4%ba%8ephp%e7%9a%84ajax%e5%ad%a6%e4%b9%a0%e7%ac%94%e8%ae%b0%ef%bc%88%e6%95%99%e7%a8%8b%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.softeng.cn\/?p=107","title":{"rendered":"\u57fa\u4e8ePHP\u7684AJAX\u5b66\u4e60\u7b14\u8bb0\uff08\u6559\u7a0b\uff09"},"content":{"rendered":"<p>\u8fd9\u662f\u672c\u4eba\u5728\u5b66\u4e60ajax\u8fc7\u7a0b\u6240\u505a\u7684\u7b14\u8bb0\uff0c\u901a\u8fc7\u672c\u7b14\u8bb0\u7684\u5b66\u4e60\uff0c\u53ef\u4ee5\u5b8c\u6210ajax\u7684\u5feb\u901f\u5165\u95e8\u3002\u672c\u7b14\u8bb0\u524d\u7aef\u5206\u522b\u4f7f\u7528\u539f\u751f\u6001\u7684javascript\u8bed\u8a00\u548cjQuery\u8bed\u8a00\uff0c\u670d\u52a1\u5668\u7aef\u4f7f\u7528PHP\u8bed\u8a00\u3002<\/p>\n<p><!--more--><\/p>\n<div align=\"left\">\u4e00\u3001\u57fa\u7840\u77e5\u8bc6<\/div>\n<div align=\"left\">1\u3001\u521b\u5efaXMLHttpRequest\u5bf9\u8c61\uff08\u4e0d\u540c\u7684\u6d4f\u89c8\u5668\u83b7\u53d6XMLHttpRequest\u65b9\u6cd5\u4e0d\u540c\uff09<\/div>\n<blockquote>\n<div align=\"left\">\/\/\u521b\u5efaajax\u5f15\u64ce<br \/>\nfunction getXMLHttpRequest() {<br \/>\nvar xmlhttp;<br \/>\ntry {<br \/>\n\/\/Firefox,Opera 8.0+, Safari<br \/>\nxmlhttp = new XMLHttpRequest();<br \/>\n}catch (e) {<br \/>\n\/\/Internet Explorer<br \/>\ntry {<br \/>\nxmlhttp = new ActiveXObject(&#8220;Msxml12.XMLHTTP&#8221;);<br \/>\n}catch (e) {<br \/>\ntry {<br \/>\nxmlhttp = new ActiveXObject(&#8220;Microsoft.XMLHTTP&#8221;);<br \/>\n}catch (e) {<br \/>\nalert(&#8220;\u60a8\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301AJAX\uff01&#8221;);<br \/>\nreturn false;<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\nreturn xmlhttp;<br \/>\n}<\/div>\n<\/blockquote>\n<div align=\"left\">\n<div align=\"left\">2\u3001\u8c03\u7528XMLHttpRequest\u5bf9\u8c61\u7684open(method,url,async)\u65b9\u6cd5\uff0c\u6253\u5f00\u94fe\u63a5\u3002open\u65b9\u6cd5\u7684\u4e09\u4e2a\u53c2\u6570\uff1a\u7b2c\u4e00\u4e2a\u4e3a\u8bf7\u6c42\u7c7b\u578b\uff0cGET\u6216POST\uff1b\u7b2c\u4e8c\u4e2a\u53c2\u6570\u4e3a\u6240\u8981\u8bf7\u6c42\u7684URL\u5730\u5740\uff1b\u7b2c\u4e09\u4e2a\u53c2\u6570\u4e3a\u662f\u5426\u91c7\u7528\u5f02\u6b65\u673a\u5236\uff0ctrue\uff08\u5f02\u6b65\uff09\u6216false\uff08\u540c\u6b65\uff09<\/div>\n<div align=\"left\">3\u3001\u8c03\u7528XMLHttpRequest\u5bf9\u8c61\u7684<\/div>\n<div align=\"left\">xmlhttp.setRequestHeader(&#8220;Content-type&#8221;,&#8221;application\/x-www-form-urlencoded&#8221;)\u65b9\u6cd5\u6dfb\u52a0HTTP\u5934\uff0c\u8fd9\u4e2a\u65b9\u6cd5\u591a\u7528\u5728\u4ee5POST\u65b9\u6cd5\u63d0\u4ea4\u6570\u636e\u65f6\u3002<\/div>\n<div align=\"left\">4\u3001\u8c03\u7528XMLHttpRequest\u5bf9\u8c61\u7684onreadystatechange\u5c5e\u6027\uff0c\u6307\u5b9a\u56de\u8c03\u51fd\u6570<\/div>\n<div align=\"left\">5\u3001\u8c03\u7528XMLHttpRequest\u5bf9\u8c61\u7684send()\u65b9\u6cd5\uff0c\u53d1\u9001\u8bf7\u6c42\uff0c\u5728GET\u65b9\u5f0f\u4e2d\uff0c\u901a\u5e38\u5c06\u6240\u8981\u4f20\u9012\u7684\u53c2\u6570\u663e\u793a\u7684\u52a0\u8f7durl\u540e\u9762\uff0c\u5728POST\u65b9\u5f0f\u4e2d\uff0c\u5c06\u6570\u636e\u4f5c\u4e3a\u53c2\u6570\u4f20\u5165\uff0c\u4e24\u4e2a\u53c2\u6570\u4e4b\u95f4\u7528&amp;\u5206\u5272\uff0c\u4f8b\u5982\uff1axmlhttp.send(&#8220;key1=value1&amp;key2=value2&#8221;);<\/div>\n<div align=\"left\">6\u3001\u5728\u6307\u5b9a\u7684\u56de\u8c03\u51fd\u6570\u91cc\u9762\u53d6\u51fa\u670d\u52a1\u5668\u8fd4\u56de\u7684\u503c\uff0c\u56de\u8c03\u51fd\u6570\u4f1a\u88ab\u89e6\u53d1\u56db\u6b21\uff0c\u56e0\u4e3a\u72b6\u6001\u53d1\u751f\u4e86\u56db\u6b21\u53d8\u5316\uff0c\u53ef\u4ee5\u901a\u8fc7\u5224\u65adreadyState\u5c5e\u6027\u7684\u503c\u5224\u65ad\u72b6\u6001\uff0c\u7136\u540e\u6839\u636e\u8fd4\u56de\u4fe1\u606f\u7684\u683c\u5f0f\uff0c\u53d6\u51fa\u8fd4\u56de\u7684\u6570\u636e<\/div>\n<div align=\"left\">7\u3001\u5f53\u4ee5POST\u65b9\u5f0f\u8bf7\u6c42\u65f6\uff0c\u9664\u4e86send()\u7684\u53c2\u6570\u4e0d\u540c\u5916\uff0c\u8fd8\u9700\u8981\u8bbe\u7f6e\u54cd\u5e94\u5934\u90e8\u7684\u4fe1\u606fsetRequestHeader(&#8220;Content-Type&#8221;,&#8221;application\/x-www-form-urlencoded&#8221;);<\/div>\n<div align=\"left\">8\u3001\u5904\u7406\u8fd4\u56de\u683c\u5f0f\u662fxml\u7684\u6570\u636e\u5904\u7406\u65f6\uff0c\u5728\u670d\u52a1\u7aef\u8981\u7528header(&#8220;Content-Type:text\/xml;charset=utf-8&#8221;);\u8bed\u53e5\u8bbe\u7f6e\u8fd4\u56de\u683c\u5f0f\u4e3axml<\/div>\n<div align=\"left\">9\u3001\u5728\u8fd4\u56dexml\u6570\u636e\u683c\u5f0f\u65f6\uff0c\u670d\u52a1\u5668\u7aef\u8fd4\u56de\u7684\u662fxml\u5bf9\u8c61\uff0c\u901a\u8fc7XML DOM\u89e3\u6790<\/div>\n<div align=\"left\">10\u3001\u5728\u8fd4\u56dejson\u6570\u636e\u683c\u5f0f\u65f6\uff0c\u670d\u52a1\u5668\u7aef\u8fd4\u56de\u7684\u662f\u4e00\u4e2a\u5b57\u7b26\u4e32\uff0c\u9700\u8981\u8c03\u7528javascript\u7684eval()\u51fd\u6570\u6765\u6267\u884c\uff0c\u5e76\u8fd4\u56de\u771f\u6b63\u7684json\u5bf9\u8c61<\/div>\n<div align=\"left\">11\u3001eval\u51fd\u6570\u7684\u5177\u4f53\u4f7f\u7528:var json_obj = eval(\u201c(\u201d+xmlhttp.responseText+\u201d)\u201d);<\/div>\n<div align=\"left\">12\u3001json\u7684\u51e0\u79cd\u683c\u5f0f\uff1a<\/div>\n<div align=\"left\">\n<table class=\"t_table\" cellspacing=\"0\">\n<tbody>\n<tr>\n<td width=\"234\">\n<div align=\"left\">\u57fa\u672c\u683c\u5f0f<\/div>\n<\/td>\n<td width=\"359\">\n<div align=\"left\">\n<div align=\"left\">\u4f8b\u5b50<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"234\">\n<div align=\"left\">\n<div align=\"left\">\u201c{\u5c5e\u6027\u540d\uff1a\u5c5e\u6027\u503c\uff0c\u5c5e\u6027\u540d\uff1a\u5c5e\u6027\u503c\u2026\u2026}\u201d<\/div>\n<\/div>\n<\/td>\n<td width=\"359\">\n<div align=\"right\">\n<div align=\"left\">&lt;script type=\u201dtext\/javascript\u201d&gt;<\/div>\n<div align=\"left\">var dog = {\u201cname\u201d:\u201d\u5c0f\u660e\u201d,\u201dage\u201d:\u201d18\u201d,\u201d\u952e\u201d:\u201d\u503c\u201d\u2026\u2026}<\/div>\n<div align=\"left\">alert(dog.name);<\/div>\n<div align=\"left\">alert(dog.age);<\/div>\n<div align=\"left\">&lt;\/script&gt;<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"234\">\n<div align=\"left\">\n<div align=\"left\">[<\/div>\n<div align=\"left\">{\u540d\u79f01\uff1a\u503c1\uff0c\u540d\u79f02\uff1a\u503c2\uff0c\u2026\u2026}<\/div>\n<div align=\"left\">{\u540d\u79f01\uff1a\u503c1\uff0c\u540d\u79f02\uff1a\u503c2\uff0c\u2026\u2026}<\/div>\n<\/div>\n<\/td>\n<td width=\"359\">\n<div align=\"right\">\n<div align=\"left\">&lt;script\u00a0\u00a0type=&#8221;text\/javascript&#8221;&gt;<\/div>\n<div align=\"left\">var dog = [<\/div>\n<div align=\"left\">{&#8220;name&#8221;:&#8221;\u5c0f\u540d&#8221;,&#8221;age&#8221;:&#8221;3&#8243;},<\/div>\n<div align=\"left\">{&#8220;name&#8221;:&#8221;\u5c0f\u82b1&#8221;,&#8221;age&#8221;:&#8221;4&#8243;}<\/div>\n<div align=\"left\"><\/div>\n<div align=\"left\">for(var i = 0; i &lt; dog.length; i++) {<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0alert(dog<em>.name);<\/em><\/div>\n<p><em>\u00a0\u00a0<\/em><\/p>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0alert(dog<em>.age);<\/em><\/div>\n<p><em>\u00a0\u00a0<\/em><\/p>\n<div align=\"left\">}<\/div>\n<p><em>\u00a0\u00a0<\/em><\/p>\n<div align=\"left\">&lt;\/script&gt;<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"234\">\n<div align=\"left\">\n<div align=\"left\">\u6269\u5c55\u683c\u5f0f<\/div>\n<\/div>\n<\/td>\n<td width=\"359\">\n<div align=\"right\">\n<div align=\"left\">&lt;script language=&#8221;JavaScript&#8221;&gt;<\/div>\n<div align=\"left\">var people ={<\/div>\n<div align=\"left\">&#8220;programmers&#8221;:<\/div>\n<div align=\"left\">[<\/div>\n<div align=\"left\">\u00a0 \u00a0{&#8220;firstName&#8221;: &#8220;Brett&#8221;, &#8220;email&#8221;:\u00a0\u00a0&#8220;brett@newInstance.com&#8221; },<\/div>\n<div align=\"left\">\u00a0 \u00a0{&#8220;firstName&#8221;: &#8220;Jason&#8221;, &#8220;email&#8221;:\u00a0\u00a0&#8220;jason@servlets.com&#8221; }<\/div>\n<div align=\"left\">};<\/div>\n<div align=\"left\">window.alert(people.programmers[0].firstName);<\/div>\n<div align=\"left\">window.alert(people.programmers[1].email);<\/div>\n<div align=\"left\">&lt;\/script&gt;<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"234\">\n<div align=\"left\">\n<div align=\"left\">\u6269\u5c55\u683c\u5f0f<\/div>\n<\/div>\n<\/td>\n<td width=\"359\">\n<div align=\"right\">\n<div align=\"left\">&lt;script\u00a0\u00a0language=&#8221;JavaScript&#8221;&gt;<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0\u00a0<strong>var<\/strong><span class=\"Apple-converted-space\">\u00a0<\/span>people ={<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0&#8220;programmers&#8221;: [<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0{ &#8220;firstName&#8221;:\u00a0\u00a0&#8220;Brett&#8221;, &#8220;email&#8221;: &#8220;brett@newInstance.com&#8221; },<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0{ &#8220;firstName&#8221;:\u00a0\u00a0&#8220;Jason&#8221;,\u00a0\u00a0&#8220;email&#8221;:\u00a0\u00a0&#8220;jason@servlets.com&#8221; },<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0{ &#8220;firstName&#8221;:\u00a0\u00a0&#8220;Elliotte&#8221;, &#8220;lastName&#8221;:&#8221;Harold&#8221;,\u00a0\u00a0&#8220;email&#8221;: &#8220;elharo@macfaq.com&#8221; }<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0],<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0\u00a0&#8220;authors&#8221;: [<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0{ &#8220;firstName&#8221;:\u00a0\u00a0&#8220;Isaac&#8221;,\u00a0\u00a0&#8220;genre&#8221;:\u00a0\u00a0&#8220;science fiction&#8221; },<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0{ &#8220;firstName&#8221;:\u00a0\u00a0&#8220;Tad&#8221;, &#8220;genre&#8221;: &#8220;fantasy&#8221; },<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0{ &#8220;firstName&#8221;:\u00a0\u00a0&#8220;Frank&#8221;,\u00a0\u00a0&#8220;genre&#8221;:\u00a0\u00a0&#8220;christian fiction&#8221; }<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0],<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0\u00a0&#8220;musicians&#8221;: [<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0{ &#8220;firstName&#8221;:\u00a0\u00a0&#8220;Eric&#8221;,\u00a0 \u00a0&#8220;instrument&#8221;: &#8220;guitar&#8221; },<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0{ &#8220;firstName&#8221;:\u00a0\u00a0&#8220;Sergei&#8221;, &#8220;instrument&#8221;: &#8220;piano&#8221; }<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0]};<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0\u00a0window.alert(people.programmers[1].firstName);<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0\u00a0window.alert(people.musicians[1].instrument);<\/div>\n<div align=\"left\">&lt;\/script&gt;<\/div>\n<div align=\"left\"><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"234\">\n<div align=\"left\">\n<div align=\"left\">\u6269\u5c55\u683c\u5f0f<\/div>\n<\/div>\n<\/td>\n<td width=\"359\">\n<div align=\"right\">\n<div align=\"left\">&lt;script\u00a0\u00a0language=&#8221;JavaScript&#8221;&gt;<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0<span class=\"Apple-converted-space\">\u00a0<\/span><strong>var<\/strong><span class=\"Apple-converted-space\">\u00a0<\/span>people ={<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0\u00a0&#8220;username&#8221;:&#8221;mary&#8221;,<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0 &#8220;age&#8221;:&#8221;20&#8243;,<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0\u00a0&#8220;info&#8221;:{&#8220;tel&#8221;:&#8221;1234566&#8243;,&#8221;celltelphone&#8221;:788666},<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0 &#8220;address&#8221;:[<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0 {&#8220;city&#8221;:&#8221;beijing&#8221;,&#8221;code&#8221;:&#8221;1000022&#8243;},<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0 {&#8220;city&#8221;:&#8221;shanghai&#8221;,&#8221;code&#8221;:&#8221;2210444&#8243;}<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0\u00a0 \u00a0};<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0 window.alert(people.username);<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0 window.alert(people.info.tel);<\/div>\n<div align=\"left\">\u00a0 \u00a0\u00a0 \u00a0 window.alert(people.address[0].city);<\/div>\n<div align=\"left\">&lt;\/script&gt;<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>13\u3001\u4e09\u79cd\u683c\u5f0f\u7684\u5bf9\u6bd4<\/p>\n<table class=\"t_table\" cellspacing=\"0\">\n<tbody>\n<tr>\n<td width=\"284\">\n<div align=\"left\">\u6587\u672c\u683c\u5f0f<\/div>\n<\/td>\n<td width=\"284\">\n<div align=\"left\">\n<div align=\"left\">1\u3001\u6570\u636e\u91cf\u5c0f\uff0c\u4f46\u4e0d\u9700\u8981\u548c\u5176\u4ed6\u7a0b\u5e8f\u901a\u4fe1\u65f6\u8f83\u4e3a\u9002\u7528<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"284\">\n<div align=\"left\">\n<div align=\"left\">XML\u683c\u5f0f<\/div>\n<\/div>\n<\/td>\n<td width=\"284\">\n<div align=\"right\">\n<div align=\"left\">1\u3001\u683c\u5f0f\u901a\u7528\u80fd\u591f\u548c\u5176\u4ed6\u5e94\u7528\u7a0b\u5e8f\u901a\u4fe1<\/div>\n<div align=\"left\">2\u3001\u5f53\u8fdc\u7a0b\u5e94\u7528\u7a0b\u5e8f\u672a\u77e5\u7684\u65f6\u5019\u662f\u9996\u9009<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"284\">\n<div align=\"left\">\n<div align=\"left\">JSON\u683c\u5f0f<\/div>\n<\/div>\n<\/td>\n<td width=\"284\">\n<div align=\"right\">\n<div align=\"left\">1\u3001\u539f\u751f\u6001\u6570\u636e\uff0c\u63cf\u8ff0\u80fd\u529b\u5f3a\uff0c\u6570\u636e\u7ed3\u6784\u7b80\u5355<\/div>\n<div align=\"left\">2\u3001\u683c\u5f0f\u8981\u6c42\u4e25\u683c<\/div>\n<div align=\"left\">3\u3001\u5143\u7d20\u7684\u6570\u636e\u7c7b\u578b\u53ef\u4ee5\u662fint\uff0cstring\uff0cfloat\uff0cboolean\uff0carray\uff0cobject\u7b49\u57fa\u672c\u6570\u636e\u683c\u5f0f<\/div>\n<div align=\"left\">4\u3001eval\u51fd\u6570\u6709\u4e00\u5b9a\u7684\u98ce\u9669<\/div>\n<div align=\"left\">5\u3001\u5982\u679c\u65e0\u7279\u6b8a\u9700\u6c42\u63a8\u8350\u4f7f\u7528<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>14\u3001\u5982\u679c\u6211\u4eec\u7684\u4ee3\u7801\u6bd4\u8f83\u590d\u6742\uff0c\u53ef\u4ee5\u4f7f\u7528file_put_contents\u51fd\u6570\uff0c\u5c06\u6570\u636e\u8f93\u51fa\u5230\u65e5\u5fd7\u6587\u4ef6\u8fdb\u884c\u67e5\u770b\uff0c\u8c03\u8bd5<\/p>\n<div align=\"left\">\u4e8c\u3001\u793a\u4f8b\u7a0b\u5e8f<\/div>\n<div align=\"left\"><strong>1<\/strong><strong>\u3001\u4f7f\u7528ajax<\/strong><strong>\u5b8c\u6210\u65e0\u5237\u65b0\u7684\u6ce8\u518c\u754c\u9762<\/strong><\/div>\n<div align=\"left\">1.1\u4e24\u4e2a\u9875\u9762\uff0c\u6ce8\u518c\u9875\u9762\u548c\u6ce8\u518c\u5904\u7406\u9875\u9762<\/div>\n<div align=\"left\">1.2\u5f53\u7528get\u65b9\u5f0f\u63d0\u4ea4\u6570\u636e\uff08URL\uff09\u7684\u65f6\u5019\uff0c\u5982\u679c\u4e24\u6b21\u63d0\u4ea4\u7684\u6570\u636e\u5b8c\u5168\u76f8\u540c\uff0c\u5219\u5e76\u4e0d\u662f\u771f\u7684\u53d1\u9001\u8bf7\u6c42\uff0c\u800c\u662f\u4ece\u7f13\u5b58\u4e2d\u53d6\u51fa\u4e0a\u6b21\u7684\u6570\u636e\uff0c\u78b0\u5230\u8fd9\u6837\u7684\u60c5\u51b5\uff0c\u6709\u4e24\u79cd\u65b9\u5f0f\u89e3\u51b3\uff1a<\/div>\n<div align=\"left\">\u7b2c\u4e00\u79cd\uff0c\u5728\u5ba2\u6237\u7aef\u53ef\u4ee5\u901a\u8fc7\u6dfb\u52a0\u65f6\u95f4\u6233\u7b49\u65b9\u5f0f\uff0c\u8feb\u4f7f\u6bcf\u6b21\u63d0\u4ea4\u7684\u6570\u636e\u90fd\u6709\u4e0d\u540c\uff0c\u907f\u514d\u6d4f\u89c8\u5668\u7684\u8fc7\u5ea6\u667a\u80fd\u6240\u9020\u6210\u7684\u9875\u9762\u6570\u636e\u4e0d\u66f4\u65b0\u7684\u60c5\u51b5\uff1b<\/div>\n<div align=\"left\">\u7b2c\u4e8c\u79cd\uff0c\u5728\u670d\u52a1\u5668\u7aef\u7981\u7528\u7f13\u5b58\u7684\u65b9\u5f0f\uff0c\u5728\u670d\u52a1\u5668\u7aef\u52a0\u4e0aheader(\u201cCache-Control:no-cache\u201d);<\/div>\n<div align=\"left\">1.3\u5982\u679c\u60f3\u5b9e\u73b0\u5728\u8f93\u5165\u6846\u4e2d\u8fb9\u8f93\u5165\uff0c\u8fb9\u9a8c\u8bc1\u7684\u6548\u679c\uff0c\u9700\u8981\u7ed9\u8f93\u5165\u6846\u52a0\u4e0aonkeyup\u4e8b\u4ef6\u7684\u5904\u7406<\/div>\n<div align=\"left\">1.4\u8fd4\u56de\u6587\u672c\u65b9\u5f0f\u7684\u6e90\u4ee3\u7801<\/div>\n<div align=\"left\">index.php\uff08\u6ce8\u518c\u9875\u9762\uff09\u5b8c\u6574\u4ee3\u7801<\/div>\n<blockquote>\n<div align=\"left\">&lt;html&gt;<br \/>\n&lt;head&gt;<br \/>\n&lt;title&gt;\u7528\u6237\u6ce8\u518c&lt;\/title&gt;<br \/>\n&lt;script type=&#8221;text\/javascript&#8221;&gt;<br \/>\nvar xmlhttp = null;<br \/>\nfunction <span class=\"katex math inline\">(id) {<br \/>\nreturn document.getElementById(id);<br \/>\n}<\/p>\n<p>\/\/\u521b\u5efaajax\u5f15\u64ce<br \/>\nfunction getXMLHttpRequest() {<br \/>\nvar xmlhttp;<br \/>\ntry {<br \/>\n\/\/Firefox,Opera 8.0+, Safari<br \/>\nxmlhttp = new XMLHttpRequest();<br \/>\n\/\/alert(&#8220;Firefox,Opera 8.0+, Safari&#8221;);<br \/>\n}catch (e) {<br \/>\n\/\/Internet Explorer<br \/>\ntry {<br \/>\n\/\/Internet Explorer 6.0+<br \/>\nxmlhttp = new ActiveXObject(&#8220;Msxml12.XMLHTTP&#8221;);<br \/>\n\/\/alert(&#8220;Internet Explorer 6.0+&#8221;);<br \/>\n}catch (e) {<br \/>\ntry {<br \/>\n\/\/Internet Explorer 5.5+<br \/>\nxmlhttp = new ActiveXObject(&#8220;Microsoft.XMLHTTP&#8221;);<br \/>\n\/\/alert(&#8220;Internet Explorer 5.5+&#8221;);<br \/>\n}catch (e) {<br \/>\nalert(&#8220;\u60a8\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301AJAX\uff01&#8221;);<br \/>\nreturn false;<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\nreturn xmlhttp;<br \/>\n}<\/p>\n<p>\/\/\u9a8c\u8bc1\u7528\u6237\u540d\u662f\u5426\u5b58\u5728<br \/>\nfunction checkName() {<br \/>\nxmlhttp = getXMLHttpRequest();<\/p>\n<p>\/\/\u600e\u4e48\u5224\u65ad\u521b\u5efa\u662f\u5426\u6210\u529f<br \/>\nif (xmlhttp) {<br \/>\n\/\/\u901a\u8fc7xmlhttprequest\u5bf9\u8c61\uff0c\u53d1\u9001\u8bf7\u6c42\u5230\u670d\u52a1\u5668<br \/>\n\/\/\u7b2c\u4e00\u4e2a\u53c2\u6570\u8868\u793a\u8bf7\u6c42\u7684\u65b9\u5f0fget\u6216\u8005post<br \/>\n\/\/\u7b2c\u4e8c\u4e2a\u53c2\u6570\u6307\u5b9aURL\uff0c\u5176\u672c\u8d28\u4ecd\u7136\u662fHTTP\u8bf7\u6c42<br \/>\n\/\/\u7b2c\u4e09\u4e2a\u53c2\u6570\u6307\u5b9a\u662f\u5426\u91c7\u7528\u5f02\u6b65\u673a\u5236<br \/>\n\/*<br \/>\n\/\/\u4ee5get\u65b9\u5f0f\u53d1\u9001<br \/>\nvar url = &#8220;\/ajax\/register\/register.php?datetime=&#8221;+new Date()+&#8221;&amp;username=&#8221;+<\/span>(&#8220;username&#8221;).value;<br \/>\nxmlhttp.open(&#8220;get&#8221;, url, true);\/\/\u6253\u5f00\u8bf7\u6c42<br \/>\n\/\/\u6307\u5b9a\u56de\u8c03\u51fd\u6570\uff0c\u6307\u5b9a\u7684\u51fd\u6570\u540d\u4e00\u5b9a\u4e0d\u8981\u5e26\u62ec\u53f7<br \/>\nxmlhttp.onreadystatechange = chuli;<br \/>\n\/\/\u53d1\u9001\u8bf7\u6c42<br \/>\nxmlhttp.send();<br \/>\n*\/<br \/>\n\/\/\u4ee5post\u65b9\u5f0f\u53d1\u9001<br \/>\nvar url = &#8220;\/ajax\/register\/register.php&#8221;;<br \/>\nvar data = &#8220;username=&#8221;+<span class=\"katex math inline\">(&#8220;username&#8221;).value;<br \/>\nxmlhttp.open(&#8220;post&#8221;, url, true);\/\/\u6253\u5f00\u8bf7\u6c42<br \/>\n\/\/\u4e0b\u9762\u8fd9\u53e5\u8bdd\u662fpost\u65b9\u5f0f\u53d1\u9001\u65f6\u5fc5\u987b\u8981<br \/>\nxmlhttp.setRequestHeader(&#8220;Content-Type&#8221;, &#8220;application\/x-www-form-urlencoded&#8221;);<br \/>\n\/\/\u6307\u5b9a\u56de\u8c03\u51fd\u6570\uff0c\u6307\u5b9a\u7684\u51fd\u6570\u540d\u4e00\u5b9a\u4e0d\u8981\u5e26\u62ec\u53f7<br \/>\nxmlhttp.onreadystatechange = chuli;<br \/>\n\/\/\u53d1\u9001\u8bf7\u6c42<br \/>\nxmlhttp.send(data);<br \/>\n}<br \/>\n}<\/p>\n<p>\/\/\u5904\u7406\u51fd\u6570<br \/>\nfunction chuli() {<br \/>\n\/\/alert(&#8220;\u5904\u7406\u51fd\u6570\u88ab\u8c03\u7528&#8221;+xmlhttp.readyState);<br \/>\n\/\/\u53d6\u51fa\u4ece\u670d\u52a1\u5668\u8fd4\u56de\u7684\u6570\u636e<br \/>\nif (xmlhttp.readyState == 4) {<br \/>\n\/\/\u53d6\u51fa\u503c\uff0c\u6839\u636e\u8fd4\u56de\u4fe1\u606f\u7684\u683c\u5f0f\u800c\u5b9a<br \/>\n\/\/window.alert(&#8220;\u670d\u52a1\u5668\u8fd4\u56de\u503c\u4e3a\uff1a&#8221;+xmlhttp.responseText);<\/span>(&#8220;myres&#8221;).value = xmlhttp.responseText;<br \/>\n}<br \/>\n}<br \/>\n&lt;\/script&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body&gt;<br \/>\n&lt;form action=&#8221;#&#8221; method=&#8221;post&#8221;&gt;<br \/>\n\u7528\u6237\u59d3\u540d\uff1a&lt;input type=&#8221;text&#8221; name=&#8221;username1&#8243; id=&#8221;username&#8221; onkeyup=&#8221;checkName();&#8221; \/&gt;<br \/>\n&lt;input type=&#8221;button&#8221; onclick=&#8221;checkName();&#8221; value=&#8221;\u9a8c\u8bc1\u7528\u6237\u540d&#8221; \/&gt;<br \/>\n&lt;input style=&#8221;border-width: 0;color: red&#8221; type=&#8221;text&#8221; id=&#8221;myres&#8221; \/&gt;&lt;br&gt;<br \/>\n\u7528\u6237\u5bc6\u7801\uff1a&lt;input type=&#8221;password&#8221; name=&#8221;password&#8221;\/&gt;&lt;br&gt;<br \/>\n\u7535\u5b50\u90ae\u7bb1\uff1a&lt;input type=&#8221;text&#8221; name=&#8221;email&#8221;\/&gt;&lt;br&gt;<br \/>\n&lt;input type=&#8221;submit&#8221; value=&#8221;\u7528\u6237\u6ce8\u518c&#8221; \/&gt;<br \/>\n&lt;\/form&gt;<br \/>\n&lt;br&gt;<br \/>\n&lt;form action=&#8221;#&#8221; method=&#8221;post&#8221;&gt;<br \/>\n\u7528\u6237\u59d3\u540d\uff1a&lt;input type=&#8221;text&#8221; name=&#8221;username&#8221; \/&gt;<br \/>\n&lt;input style=&#8221;border-width: 0;color: red&#8221; type=&#8221;text&#8221; id=&#8221;myres&#8221; \/&gt;&lt;br&gt;<br \/>\n\u7528\u6237\u5bc6\u7801\uff1a&lt;input type=&#8221;password&#8221; name=&#8221;password&#8221;\/&gt;&lt;br&gt;<br \/>\n\u7535\u5b50\u90ae\u7bb1\uff1a&lt;input type=&#8221;text&#8221; name=&#8221;email&#8221;\/&gt;&lt;br&gt;<br \/>\n&lt;input type=&#8221;submit&#8221; value=&#8221;\u7528\u6237\u6ce8\u518c&#8221; \/&gt;<br \/>\n&lt;\/form&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/div>\n<\/blockquote>\n<div align=\"left\">register.php\uff08\u6ce8\u518c\u5904\u7406\u9875\u9762\uff09<\/div>\n<blockquote>\n<div align=\"left\">&lt;?php<br \/>\n\/\/\u8bbe\u7f6e\u8fd4\u56de\u7684\u683c\u5f0f<br \/>\nheader(&#8220;Content-Type:text\/html;charset=utf-8&#8221;);<br \/>\n\/\/\u8bbe\u7f6e\u7981\u7528\u7f13\u5b58<br \/>\nheader(&#8220;Cache-Control:no-cache&#8221;);<br \/>\n\/\/\u63a5\u53d7\u6570\u636e<br \/>\n\/\/<span class=\"katex math inline\">username =<\/span>_GET[&#8216;username&#8217;];<br \/>\n<span class=\"katex math inline\">username =<\/span>_POST[&#8216;username&#8217;];<br \/>\nif ($username == &#8220;wuhaohua&#8221;) {<br \/>\necho &#8220;\u7528\u6237\u540d\u4e0d\u53ef\u7528&#8221;;<br \/>\n}else {<br \/>\necho &#8220;\u7528\u6237\u540d\u53ef\u7528&#8221;;<br \/>\n}<br \/>\n?&gt;<\/div>\n<\/blockquote>\n<div align=\"left\">\n<div align=\"left\">1.5\u8fd4\u56dexml\u683c\u5f0f\u7684\u6e90\u4ee3\u7801<\/div>\n<div align=\"left\">index.php\uff08\u6ce8\u518c\u9875\u9762\uff09\u6838\u5fc3\u4fee\u6539\u4ee3\u7801<\/div>\n<blockquote>\n<div align=\"left\">&lt;script type=&#8221;text\/javascript&#8221;&gt;<br \/>\n\/\/\u5904\u7406\u51fd\u6570<br \/>\nfunction chuli() {<br \/>\n\/\/alert(&#8220;\u5904\u7406\u51fd\u6570\u88ab\u8c03\u7528&#8221;+xmlhttp.readyState);<br \/>\n\/\/\u53d6\u51fa\u4ece\u670d\u52a1\u5668\u8fd4\u56de\u7684\u6570\u636e<br \/>\nif (xmlhttp.readyState == 4) {<br \/>\n\/\/\u53d6\u51fa\u503c\uff0c\u6839\u636e\u8fd4\u56de\u4fe1\u606f\u7684\u683c\u5f0f\u800c\u5b9a<br \/>\n\/\/\u53d6\u51faXML\u6587\u672c\u683c\u5f0f<br \/>\n\/\/\u83b7\u53d6msg\u8282\u70b9<br \/>\nvar msg = xmlhttp.responseXML.getElementsByTagName(&#8220;msg&#8221;);<br \/>\n\/\/\u53d6\u51famsg\u8282\u70b9\u7684\u503c<br \/>\n\/\/msg[0]\u8868\u793a\u53d6\u51fa\u7b2c\u4e00\u4e2amsg\u8282\u70b9<br \/>\n\/\/msg[0]msg[0].childNodes[0]\u8868\u793a\u53d6\u51famsg\u8282\u70b9\u7684\u7b2c\u4e00\u4e2a\u5b50\u8282\u70b9<br \/>\nvar msg_val = msg[0].childNodes[0].nodeValue;<br \/>\n$(&#8220;myres&#8221;).value = msg_val;<br \/>\n}<br \/>\n}<br \/>\n&lt;\/script&gt;<\/div>\n<\/blockquote>\n<div align=\"left\">register.php\uff08\u6ce8\u518c\u5904\u7406\u9875\u9762\uff09<\/div>\n<blockquote>\n<div align=\"left\">&lt;?php<br \/>\n\/\/\u8bbe\u7f6e\u8fd4\u56de\u7684\u683c\u5f0f<br \/>\nheader(&#8220;Content-Type:text\/xml;charset=utf-8&#8221;);<br \/>\n\/\/\u8bbe\u7f6e\u7981\u7528\u7f13\u5b58<br \/>\nheader(&#8220;Cache-Control:no-cache&#8221;);<br \/>\n\/\/\u63a5\u53d7\u6570\u636e<br \/>\n<span class=\"katex math inline\">username =<\/span>_POST[&#8216;username&#8217;];<\/p>\n<p>\/\/\u8fd4\u56dexml\u683c\u5f0f\u6570\u636e<br \/>\n<span class=\"katex math inline\">info = &#8220;&#8221;;<br \/>\nif (<\/span>username == &#8220;wuhaohua&#8221;) {<br \/>\n<span class=\"katex math inline\">info = &#8220;&lt;res&gt;&lt;msg&gt;\u7528\u6237\u540d\u4e0d\u53ef\u7528\uff0c\u5bf9\u4e0d\u8d77&lt;\/msg&gt;&lt;\/res&gt;&#8221;;<br \/>\n}else {<\/span>info = &#8220;&lt;res&gt;&lt;msg&gt;\u7528\u6237\u540d\u53ef\u7528\uff0c\u606d\u559c&lt;\/msg&gt;&lt;\/res&gt;&#8221;;<br \/>\n}<br \/>\necho $info;<br \/>\n?&gt;<\/div>\n<\/blockquote>\n<div align=\"left\">\n<div align=\"left\">1.5\u8fd4\u56dejson\u683c\u5f0f\u7684\u6e90\u4ee3\u7801<\/div>\n<div align=\"left\">index.php\uff08\u6ce8\u518c\u9875\u9762\uff09\u6838\u5fc3\u4fee\u6539\u4ee3\u7801<\/div>\n<blockquote>\n<div align=\"left\">\/\/\u5904\u7406\u51fd\u6570<br \/>\nfunction chuli() {<br \/>\n\/\/alert(&#8220;\u5904\u7406\u51fd\u6570\u88ab\u8c03\u7528&#8221;+xmlhttp.readyState);<br \/>\n\/\/\u53d6\u51fa\u4ece\u670d\u52a1\u5668\u8fd4\u56de\u7684\u6570\u636e<br \/>\nif (xmlhttp.readyState == 4) {<br \/>\n\/\/\u53d6\u51fa\u503c\uff0c\u6839\u636e\u8fd4\u56de\u4fe1\u606f\u7684\u683c\u5f0f\u800c\u5b9a<br \/>\n\/\/\u53d6\u51fajson\u6587\u672c\u683c\u5f0f<br \/>\nvar msg = xmlhttp.responseText;<br \/>\n\/\/\u5c06\u5b57\u7b26\u4e32\u8f6c\u6362\u6210json\u5bf9\u8c61<br \/>\nvar json_obj = eval(&#8220;(&#8220;+msg+&#8221;)&#8221;);<br \/>\n\/\/\u53d6\u51fajson\u5bf9\u8c61\u7684\u5c5e\u6027<br \/>\n$(&#8220;myres&#8221;).value = json_obj.res;<br \/>\n}<br \/>\n}<\/div>\n<\/blockquote>\n<div align=\"left\">register.php\uff08\u6ce8\u518c\u5904\u7406\u9875\u9762\uff09<\/div>\n<blockquote>\n<div align=\"left\">&lt;?php<br \/>\n\/\/\u8bbe\u7f6e\u8fd4\u56de\u7684\u683c\u5f0f<br \/>\nheader(&#8220;Content-Type:text\/html;charset=utf-8&#8221;);<br \/>\n\/\/\u8bbe\u7f6e\u7981\u7528\u7f13\u5b58<br \/>\nheader(&#8220;Cache-Control:no-cache&#8221;);<br \/>\n\/\/\u63a5\u53d7\u6570\u636e<br \/>\n<span class=\"katex math inline\">username =<\/span>_POST[&#8216;username&#8217;];<\/p>\n<p>\/\/\u8fd4\u56dexml\u683c\u5f0f\u6570\u636e<br \/>\n<span class=\"katex math inline\">info = &#8220;&#8221;;<br \/>\nif (<\/span>username == &#8220;wuhaohua&#8221;) {<br \/>\n<span class=\"katex math inline\">info = &#8216;{&#8220;res&#8221;:&#8221;\u8be5\u7528\u6237\u540d\u4e0d\u53ef\u7528&#8221;}&#8217;;\/\/json\u683c\u5f0f\u7684\u5b57\u7b26\u4e32<br \/>\n}else {<\/span>info = &#8216;{&#8220;res&#8221;:&#8221;\u8be5\u7528\u6237\u540d\u53ef\u7528&#8221;}&#8217;;\/\/json\u683c\u5f0f\u7684\u5b57\u7b26\u4e32<br \/>\n}<br \/>\necho $info;<br \/>\n?&gt;<\/div>\n<\/blockquote>\n<div align=\"left\">\n<div align=\"left\"><strong>2<\/strong><strong>\u3001\u7701\u5e02\u8054\u52a8<\/strong><\/div>\n<div align=\"left\">2.1\u6839\u636e\u9009\u62e9\u7684\u4e0a\u7ea7\u884c\u653f\u533a\u57df\uff0c\u52a8\u6001\u52a0\u8f7d\u4e0b\u4e00\u7ea7\u884c\u653f\u533a\u57df\u5e76\u663e\u793a\uff0c\u6bd4\u5982\u9009\u62e9\u7701\u4e4b\u540e\uff0c\u52a8\u6001\u52a0\u8f7d\u8be5\u7701\u7684\u6240\u6709\u5e02\uff0c\u4f9d\u6b21\u7c7b\u63a8<\/div>\n<div align=\"left\">2.2\u4e24\u4e2a\u9875\u9762\uff0c\u4e00\u4e2a\u4e0b\u62c9\u5217\u8868\u754c\u9762\uff0c\u4e00\u4e2a\u4fe1\u606f\u5904\u7406\u754c\u9762<\/div>\n<p>&nbsp;<\/p>\n<div align=\"left\">2.3\u8fd4\u56deXML\u5f62\u5f0f\u6570\u636e\u7684\u6e90\u4ee3\u7801<\/div>\n<div align=\"left\">index.php\uff08\u4e0b\u62c9\u5217\u8868\u754c\u9762\uff09<\/div>\n<blockquote>\n<div align=\"left\">&lt;html&gt;<br \/>\n&lt;head&gt;<br \/>\n&lt;title&gt;\u7701\u5e02\u8054\u52a8&lt;\/title&gt;<br \/>\n&lt;meta content=&#8221;text\/html; charset=UTF-8&#8243; http-equiv=&#8221;content-type&#8221; \/&gt;<br \/>\n&lt;script type=&#8221;text\/javascript&#8221;&gt;<br \/>\nvar xmlhttp;<\/p>\n<p>function <span class=\"katex math inline\">(id) {<br \/>\nreturn document.getElementById(id);<br \/>\n}<\/p>\n<p>\/\/\u521b\u5efaajax\u5f15\u64ce<br \/>\nfunction getXMLHttpRequest() {<br \/>\nvar xmlhttp;<br \/>\ntry {<br \/>\n\/\/Firefox,Opera 8.0+, Safari<br \/>\nxmlhttp = new XMLHttpRequest();<br \/>\n\/\/alert(&#8220;Firefox,Opera 8.0+, Safari&#8221;);<br \/>\n}catch (e) {<br \/>\n\/\/Internet Explorer<br \/>\ntry {<br \/>\n\/\/Internet Explorer 6.0+<br \/>\nxmlhttp = new ActiveXObject(&#8220;Msxml12.XMLHTTP&#8221;);<br \/>\n\/\/alert(&#8220;Internet Explorer 6.0+&#8221;);<br \/>\n}catch (e) {<br \/>\ntry {<br \/>\n\/\/Internet Explorer 5.5+<br \/>\nxmlhttp = new ActiveXObject(&#8220;Microsoft.XMLHTTP&#8221;);<br \/>\n\/\/alert(&#8220;Internet Explorer 5.5+&#8221;);<br \/>\n}catch (e) {<br \/>\nalert(&#8220;\u60a8\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301AJAX\uff01&#8221;);<br \/>\nreturn false;<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\nreturn xmlhttp;<br \/>\n}<\/p>\n<p>function getCity() {<br \/>\nvar url = &#8220;\/ajax\/provinces\/provinces.php&#8221;;<br \/>\nvar data = &#8220;province=&#8221;+<\/span>(&#8220;province&#8221;).value;<br \/>\nxmlhttp = getXMLHttpRequest(); \/\/ \u83b7\u53d6\u5bf9\u8c61<br \/>\nxmlhttp.open(&#8220;POST&#8221;, url, true);\/\/ \u6253\u5f00\u8bf7\u6c42<br \/>\nxmlhttp.setRequestHeader(&#8220;Content-Type&#8221;, &#8220;application\/x-www-form-urlencoded&#8221;);\/\/\u8bbe\u7f6e\u62a5\u6587\u5934\u90e8<br \/>\nxmlhttp.onreadystatechange = chuliCity;\/\/ \u8bbe\u7f6e\u56de\u8c03\u51fd\u6570<br \/>\nxmlhttp.send(data); \/\/\u53d1\u9001\u6570\u636e<br \/>\n}<\/p>\n<p>function chuliCity() {<br \/>\nif (xmlhttp.readyState == 4 &amp;&amp; xmlhttp.status == 200) {<br \/>\n\/\/\u670d\u52a1\u5668\u5904\u7406\u5b8c\u6210\u5e76\u4e14\u6210\u529f<br \/>\n\/\/\u5220\u9664select\u4e2d\u6240\u6709\u7684\u9879<br \/>\n<span class=\"katex math inline\">(&#8216;city&#8217;).options.length = 0;<br \/>\n\/\/\u6dfb\u52a0\u9ed8\u8ba4\u9879<br \/>\n\/\/var defaultoption = document.createElement(&#8220;option&#8221;);<br \/>\n\/\/defaultoption.value = &#8220;&#8221;;<br \/>\n\/\/defaultoption.innerText = &#8220;&#8212;\u5e02&#8212;&#8220;;<br \/>\n\/\/<\/span>(&#8216;city&#8217;).appendChild(defaultoption);<br \/>\nvar cities = xmlhttp.responseXML.getElementsByTagName(&#8220;city&#8221;);<br \/>\nfor (var i = 0; i &lt; cities.length; i++) {<br \/>\nvar city = cities[i].childNodes[0].nodeValue;<br \/>\n\/\/\u521b\u5efaoption\u7ed3\u70b9<br \/>\nvar myoption = document.createElement(&#8220;option&#8221;);<br \/>\nmyoption.value = city;<br \/>\nmyoption.innerText = city;<br \/>\n\/\/\u6dfb\u52a0option\u7ed3\u70b9<br \/>\n$(&#8216;city&#8217;).appendChild(myoption);<br \/>\n}<br \/>\n}<br \/>\n}<\/p>\n<p>&lt;\/script&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body&gt;<br \/>\n&lt;select id=&#8221;province&#8221; onchange=&#8221;getCity();&#8221;&gt;<br \/>\n&lt;option value=&#8221;&#8221;&gt;&#8212;\u7701&#8212;&lt;\/option&gt;<br \/>\n&lt;option value=&#8221;sichuan&#8221;&gt;\u56db\u5ddd&lt;\/option&gt;<br \/>\n&lt;option value=&#8221;gansu&#8221;&gt;\u7518\u8083&lt;\/option&gt;<br \/>\n&lt;\/select&gt;<br \/>\n&lt;select id=&#8221;city&#8221; onchange=&#8221;getCountry();&#8221;&gt;<br \/>\n&lt;option value=&#8221;&#8221;&gt;&#8212;\u5e02&#8212;&lt;\/option&gt;<br \/>\n&lt;\/select&gt;<br \/>\n&lt;select id=&#8221;country&#8221;&gt;<br \/>\n&lt;option value=&#8221;&#8221;&gt;&#8212;\u53bf&#8212;&lt;\/option&gt;<br \/>\n&lt;\/select&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/p><\/div>\n<\/blockquote>\n<div align=\"left\">provinces.php\uff08\u4fe1\u606f\u5904\u7406\u9875\u9762\uff09<\/div>\n<blockquote>\n<div align=\"left\">&lt;?php<br \/>\n\/\/\u8bbe\u7f6e\u8fd4\u56de\u7684\u683c\u5f0f<br \/>\nheader(&#8220;Content-Type:text\/xml;charset=utf-8&#8221;);<br \/>\n\/\/\u8bbe\u7f6e\u7981\u7528\u7f13\u5b58<br \/>\nheader(&#8220;Cache-Control:no-cache&#8221;);<\/p>\n<p>\/\/\u63a5\u6536\u5ba2\u6237\u7aef\u6570\u636e<br \/>\n<span class=\"katex math inline\">province =<\/span>_POST[&#8216;province&#8217;];<br \/>\n<span class=\"katex math inline\">info=&#8221;&#8221;;<br \/>\nif (<\/span>province == &#8220;sichuan&#8221;) {<br \/>\n<span class=\"katex math inline\">info=&#8221;&lt;province&gt;&lt;city&gt;\u6210\u90fd&lt;\/city&gt;&lt;city&gt;\u5e7f\u5143&lt;\/city&gt;&lt;city&gt;\u7ef5\u9633&lt;\/city&gt;&lt;\/province&gt;&#8221;;<br \/>\n}elseif (<\/span>province == &#8220;gansu&#8221;) {<br \/>\n<span class=\"katex math inline\">info=&#8221;&lt;province&gt;&lt;city&gt;\u5170\u5dde&lt;\/city&gt;&lt;city&gt;\u6b66\u5a01&lt;\/city&gt;&lt;city&gt;\u9152\u6cc9&lt;\/city&gt;&lt;\/province&gt;&#8221;;<br \/>\n}else {<\/span>info=&#8221;&lt;province&gt;&lt;city&gt;&#8212;\u5e02&#8212;&lt;\/city&gt;&lt;\/province&gt;&#8221;;<br \/>\n}<\/p>\n<p>echo $info;<br \/>\n?&gt;<\/p><\/div>\n<\/blockquote>\n<div align=\"left\">\n<div align=\"left\">2.4\u8fd4\u56deJSON\u6570\u636e\u683c\u5f0f\uff08\u524d\u53f0\u7528JQuery\u7684load\u65b9\u5f0f\u63d0\u4ea4\uff09<\/div>\n<div align=\"left\">index.php\uff08\u4e0b\u62c9\u5217\u8868\u9875\uff09<\/div>\n<blockquote>\n<div align=\"left\">&lt;html&gt;<br \/>\n&lt;head&gt;<br \/>\n&lt;title&gt;\u7701\u5e02\u8054\u52a8&lt;\/title&gt;<br \/>\n&lt;meta content=&#8221;text\/html; charset=UTF-8&#8243; http-equiv=&#8221;content-type&#8221; \/&gt;<br \/>\n&lt;script type=&#8221;text\/javascript&#8221; src=&#8221;..\/js\/jquery-1.8.3.min.js&#8221;&gt;&lt;\/script&gt;<br \/>\n&lt;script type=&#8221;text\/javascript&#8221;&gt;<br \/>\n<span class=\"katex math inline\">(function (){<\/span>(&#8216;#province&#8217;).change(function (){<br \/>\n\/\/id\u4e3aprovince\u7684\u6807\u7b7e\u7684onchange\u4e8b\u4ef6\u88ab\u89e6\u53d1<br \/>\n<span class=\"katex math inline\">(&#8216;#city&#8217;).load(&#8220;\/ajax\/provinces\/provinces.php&#8221;, {province:<\/span>(&#8216;#province option:selected&#8217;).val()}, function(responseText, textStatus, XMLHttpRequest) {<br \/>\n\/\/\u53d1\u9001ajax\u8bf7\u6c42\u5e76\u63a5\u6536\u56de\u4f20\u503c<br \/>\nif (textStatus == &#8220;success&#8221;) {<br \/>\n\/\/\u8bf7\u6c42\u6210\u529f<br \/>\nvar msg_obj = eval(&#8220;(&#8220;+responseText+&#8221;)&#8221;);<br \/>\nfor (var i = 0; i &lt; msg_obj.length; i++) {<br \/>\n\/\/alert(&#8220;&lt;option value='&#8221;+msg_obj[i].city_value+&#8221;&#8216;&gt;&#8221;+msg_obj[i].city_name+&#8221;&lt;\/option&gt;&#8221;);<br \/>\nvar <span class=\"katex math inline\">myoption =<\/span>(&#8220;&lt;option value=\\&#8221;&#8221;+msg_obj[i].city_value+&#8221;\\&#8221;&gt;&#8221;+msg_obj[i].city_name+&#8221;&lt;\/option&gt;&#8221;);<br \/>\n<span class=\"katex math inline\">(&#8220;#city&#8221;).append(<\/span>myoption);<br \/>\n}<br \/>\n}<br \/>\n});<br \/>\n});<br \/>\n});<br \/>\n&lt;\/script&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body&gt;<br \/>\n&lt;select id=&#8221;province&#8221;&gt;<br \/>\n&lt;option value=&#8221;&#8221;&gt;&#8212;\u7701&#8212;&lt;\/option&gt;<br \/>\n&lt;option value=&#8221;sichuan&#8221;&gt;\u56db\u5ddd&lt;\/option&gt;<br \/>\n&lt;option value=&#8221;gansu&#8221;&gt;\u7518\u8083&lt;\/option&gt;<br \/>\n&lt;\/select&gt;<br \/>\n&lt;select id=&#8221;city&#8221; onchange=&#8221;getCountry();&#8221;&gt;<br \/>\n&lt;option value=&#8221;&#8221;&gt;&#8212;\u5e02&#8212;&lt;\/option&gt;<br \/>\n&lt;\/select&gt;<br \/>\n&lt;select id=&#8221;country&#8221;&gt;<br \/>\n&lt;option value=&#8221;&#8221;&gt;&#8212;\u53bf&#8212;&lt;\/option&gt;<br \/>\n&lt;\/select&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/div>\n<\/blockquote>\n<div align=\"left\">provinces.php\uff08\u4fe1\u606f\u5904\u7406\u9875\uff09<\/div>\n<blockquote>\n<div align=\"left\">&lt;?php<br \/>\n\/\/\u8bbe\u7f6e\u8fd4\u56de\u7684\u683c\u5f0f<br \/>\nheader(&#8220;Content-Type:text\/html;charset=utf-8&#8221;);<br \/>\n\/\/\u8bbe\u7f6e\u7981\u7528\u7f13\u5b58<br \/>\nheader(&#8220;Cache-Control:no-cache&#8221;);<\/p>\n<p>\/\/\u63a5\u6536\u5ba2\u6237\u7aef\u6570\u636e<br \/>\n<span class=\"katex math inline\">province =<\/span>_POST[&#8216;province&#8217;];<br \/>\n\/\/ echo <span class=\"katex math inline\">province;<\/span>info=&#8221;&#8221;;<br \/>\nif (<span class=\"katex math inline\">province == &#8220;sichuan&#8221;) {<\/span>info='[{&#8220;city_value&#8221;:&#8221;chengdu&#8221;,&#8221;city_name&#8221;:&#8221;\u6210\u90fd&#8221;},{&#8220;city_value&#8221;:&#8221;guangyuan&#8221;,&#8221;city_name&#8221;:&#8221;\u5e7f\u5143&#8221;},{&#8220;city_value&#8221;:&#8221;mianyang&#8221;,&#8221;city_name&#8221;:&#8221;\u7ef5\u9633&#8221;}]&#8217;;<br \/>\n}elseif (<span class=\"katex math inline\">province == &#8220;gansu&#8221;) {<\/span>info='[{&#8220;city_value&#8221;:&#8221;lanzhou&#8221;,&#8221;city_name&#8221;:&#8221;\u5170\u5dde&#8221;},{&#8220;city_value&#8221;:&#8221;wuwei&#8221;,&#8221;city_name&#8221;:&#8221;\u6b66\u5a01&#8221;},{&#8220;city_value&#8221;:&#8221;jiuquan&#8221;,&#8221;city_name&#8221;:&#8221;\u9152\u6cc9&#8221;}]&#8217;;<br \/>\n}else {<br \/>\n<span class=\"katex math inline\">info='[{&#8220;city_value&#8221;:&#8221;&#8221;,&#8221;city_name&#8221;:&#8221;&#8212;\u5e02&#8212;&#8220;}]&#8217;;<br \/>\n}<\/p>\n<p>echo<\/span>info;<br \/>\n?&gt;<\/div>\n<\/blockquote>\n<div align=\"left\">\n<div align=\"left\">2.5\u8fd4\u56deXML\u6570\u636e\u683c\u5f0f\uff08\u524d\u53f0\u7528JQuery\u7684$.get()\u65b9\u5f0f\u63d0\u4ea4\uff09<\/div>\n<div align=\"left\">index.php<\/div>\n<blockquote>\n<div align=\"left\">&lt;html&gt;<br \/>\n&lt;head&gt;<br \/>\n&lt;title&gt;\u7701\u5e02\u8054\u52a8&lt;\/title&gt;<br \/>\n&lt;meta content=&#8221;text\/html; charset=UTF-8&#8243; http-equiv=&#8221;content-type&#8221; \/&gt;<br \/>\n&lt;script type=&#8221;text\/javascript&#8221; src=&#8221;..\/js\/jquery-1.8.3.min.js&#8221;&gt;&lt;\/script&gt;<br \/>\n&lt;script type=&#8221;text\/javascript&#8221;&gt;<br \/>\n<span class=\"katex math inline\">(function (){<\/span>(&#8216;#province&#8217;).change(function (){<br \/>\n\/\/id\u4e3aprovince\u7684\u6807\u7b7e\u7684onchange\u4e8b\u4ef6\u88ab\u89e6\u53d1<br \/>\n<span class=\"katex math inline\">.get(&#8220;\/ajax\/provinces\/provinces.php&#8221;, {province:<\/span>(&#8220;#province option:selected&#8221;).val()}, function (data, textStatus) {<br \/>\n<span class=\"katex math inline\">(&#8220;#city&#8221;).empty();<\/span>(data).find(&#8220;city&#8221;).each(function() {<br \/>\nvar <span class=\"katex math inline\">myoption =<\/span>(&#8220;&lt;option value\\&#8221;&#8221;+<span class=\"katex math inline\">(this).attr(&#8220;name&#8221;)+&#8221;\\&#8221;&gt;&#8221;+<\/span>(this).text()+&#8221;&lt;\/option&gt;&#8221;);<br \/>\n<span class=\"katex math inline\">(&#8220;#city&#8221;).append(<\/span>myoption);<br \/>\n});<br \/>\n});<br \/>\n});<br \/>\n});<br \/>\n&lt;\/script&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body&gt;<br \/>\n&lt;select id=&#8221;province&#8221;&gt;<br \/>\n&lt;option value=&#8221;&#8221;&gt;&#8212;\u7701&#8212;&lt;\/option&gt;<br \/>\n&lt;option value=&#8221;sichuan&#8221;&gt;\u56db\u5ddd&lt;\/option&gt;<br \/>\n&lt;option value=&#8221;gansu&#8221;&gt;\u7518\u8083&lt;\/option&gt;<br \/>\n&lt;\/select&gt;<br \/>\n&lt;select id=&#8221;city&#8221; onchange=&#8221;getCountry();&#8221;&gt;<br \/>\n&lt;option value=&#8221;&#8221;&gt;&#8212;\u5e02&#8212;&lt;\/option&gt;<br \/>\n&lt;\/select&gt;<br \/>\n&lt;select id=&#8221;country&#8221;&gt;<br \/>\n&lt;option value=&#8221;&#8221;&gt;&#8212;\u53bf&#8212;&lt;\/option&gt;<br \/>\n&lt;\/select&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/div>\n<\/blockquote>\n<div align=\"left\">provinces.php<\/div>\n<blockquote>\n<div align=\"left\">&lt;?php<br \/>\n\/\/\u8bbe\u7f6e\u8fd4\u56de\u7684\u683c\u5f0f<br \/>\nheader(&#8220;Content-Type:text\/xml;charset=utf-8&#8221;);<br \/>\n\/\/\u8bbe\u7f6e\u7981\u7528\u7f13\u5b58<br \/>\nheader(&#8220;Cache-Control:no-cache&#8221;);<\/p>\n<p>\/\/\u63a5\u6536\u5ba2\u6237\u7aef\u6570\u636e<br \/>\n<span class=\"katex math inline\">province =<\/span>_GET[&#8216;province&#8217;];<br \/>\n\/\/ echo <span class=\"katex math inline\">province;<\/span>info=&#8221;&#8221;;<br \/>\nif (<span class=\"katex math inline\">province == &#8220;sichuan&#8221;) {<br \/>\n\/\/<\/span>info='[{&#8220;city_value&#8221;:&#8221;chengdu&#8221;,&#8221;city_name&#8221;:&#8221;\u6210\u90fd&#8221;},{&#8220;city_value&#8221;:&#8221;guangyuan&#8221;,&#8221;city_name&#8221;:&#8221;\u5e7f\u5143&#8221;},{&#8220;city_value&#8221;:&#8221;mianyang&#8221;,&#8221;city_name&#8221;:&#8221;\u7ef5\u9633&#8221;}]&#8217;;<br \/>\n<span class=\"katex math inline\">info = &#8220;&lt;province&gt;&lt;city name=&#8217;chengdu&#8217;&gt;\u6210\u90fd&lt;\/city&gt;&lt;city name=&#8217;guangyuan&#8217;&gt;\u5e7f\u5143&lt;\/city&gt;&lt;city name=&#8217;mianyang&#8217;&gt;\u7ef5\u9633&lt;\/city&gt;&lt;\/province&gt;&#8221;;<br \/>\n}elseif (<\/span>province == &#8220;gansu&#8221;) {<br \/>\n\/\/<span class=\"katex math inline\">info='[{&#8220;city_value&#8221;:&#8221;lanzhou&#8221;,&#8221;city_name&#8221;:&#8221;\u5170\u5dde&#8221;},{&#8220;city_value&#8221;:&#8221;wuwei&#8221;,&#8221;city_name&#8221;:&#8221;\u6b66\u5a01&#8221;},{&#8220;city_value&#8221;:&#8221;jiuquan&#8221;,&#8221;city_name&#8221;:&#8221;\u9152\u6cc9&#8221;}]&#8217;;<\/span>info = &#8220;&lt;province&gt;&lt;city name=&#8217;lanzhou&#8217;&gt;\u5170\u5dde&lt;\/city&gt;&lt;city name=&#8217;wuwei&#8217;&gt;\u6b66\u5a01&lt;\/city&gt;&lt;city name=&#8217;jiuquan&#8217;&gt;\u9152\u6cc9&lt;\/city&gt;&lt;\/province&gt;&#8221;;<br \/>\n}else {<br \/>\n\/\/<span class=\"katex math inline\">info='[{&#8220;city_value&#8221;:&#8221;&#8221;,&#8221;city_name&#8221;:&#8221;&#8212;\u5e02&#8212;&#8220;}]&#8217;;<\/span>info = &#8220;&lt;province&gt;&lt;city name=&#8221;&gt;&#8212;\u5e02&#8212;&lt;\/city&gt;&lt;\/province&gt;&#8221;;<br \/>\n}<\/p>\n<p>echo $info;<br \/>\n?&gt;<\/p><\/div>\n<\/blockquote>\n<div align=\"left\">\n<div align=\"left\">2.6\u8fd4JSON\u6570\u636e\u683c\u5f0f\uff08\u524d\u53f0\u7528JQuery\u7684$.post()\u65b9\u5f0f\u63d0\u4ea4\uff09<\/div>\n<div align=\"left\">index.php<\/div>\n<blockquote>\n<div align=\"left\">&lt;html&gt;<br \/>\n&lt;head&gt;<br \/>\n&lt;title&gt;\u7701\u5e02\u8054\u52a8&lt;\/title&gt;<br \/>\n&lt;meta content=&#8221;text\/html; charset=UTF-8&#8243; http-equiv=&#8221;content-type&#8221; \/&gt;<br \/>\n&lt;script type=&#8221;text\/javascript&#8221; src=&#8221;..\/js\/jquery-1.8.3.min.js&#8221;&gt;&lt;\/script&gt;<br \/>\n&lt;script type=&#8221;text\/javascript&#8221;&gt;<br \/>\n<span class=\"katex math inline\">(function (){<\/span>(&#8216;#province&#8217;).change(function (){<br \/>\n\/\/id\u4e3aprovince\u7684\u6807\u7b7e\u7684onchange\u4e8b\u4ef6\u88ab\u89e6\u53d1<br \/>\n<span class=\"katex math inline\">.post(&#8220;\/ajax\/provinces\/provinces.php&#8221;, {province:<\/span>(&#8220;#province option:selected&#8221;).val()}, function (data, textStatus) {<br \/>\n<span class=\"katex math inline\">(&#8220;#city&#8221;).empty();<br \/>\nfor (var i = 0; i<data.length; i++) {\nvar<\/span>myoption = <span class=\"katex math inline\">(&#8220;&lt;option value='&#8221;+data[i].city_value+&#8221;&#8216;&gt;&#8221;+data[i].city_name+&#8221;&lt;\/option&gt;&#8221;);<\/span>(&#8220;#city&#8221;).append($myoption);<br \/>\n}<br \/>\n}, &#8220;json&#8221;);<br \/>\n});<br \/>\n});<br \/>\n&lt;\/script&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body&gt;<br \/>\n&lt;select id=&#8221;province&#8221;&gt;<br \/>\n&lt;option value=&#8221;&#8221;&gt;&#8212;\u7701&#8212;&lt;\/option&gt;<br \/>\n&lt;option value=&#8221;sichuan&#8221;&gt;\u56db\u5ddd&lt;\/option&gt;<br \/>\n&lt;option value=&#8221;gansu&#8221;&gt;\u7518\u8083&lt;\/option&gt;<br \/>\n&lt;\/select&gt;<br \/>\n&lt;select id=&#8221;city&#8221; onchange=&#8221;getCountry();&#8221;&gt;<br \/>\n&lt;option value=&#8221;&#8221;&gt;&#8212;\u5e02&#8212;&lt;\/option&gt;<br \/>\n&lt;\/select&gt;<br \/>\n&lt;select id=&#8221;country&#8221;&gt;<br \/>\n&lt;option value=&#8221;&#8221;&gt;&#8212;\u53bf&#8212;&lt;\/option&gt;<br \/>\n&lt;\/select&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/div>\n<\/blockquote>\n<div align=\"left\">provinces.php<\/div>\n<blockquote>\n<div align=\"left\">&lt;?php<br \/>\n\/\/\u8bbe\u7f6e\u8fd4\u56de\u7684\u683c\u5f0f<br \/>\nheader ( &#8220;Content-Type:text\/html;charset=utf-8&#8221; );<br \/>\n\/\/\u8bbe\u7f6e\u7981\u7528\u7f13\u5b58<br \/>\nheader ( &#8220;Cache-Control:no-cache&#8221; );<\/p>\n<p>\/\/\u63a5\u6536\u5ba2\u6237\u7aef\u6570\u636e<br \/>\n<span class=\"katex math inline\">province =<\/span>_REQUEST [&#8216;province&#8217;];<br \/>\n\/\/ echo <span class=\"katex math inline\">province;<\/span>info = &#8220;&#8221;;<br \/>\nif (<span class=\"katex math inline\">province == &#8220;sichuan&#8221;) {<\/span>info='[{&#8220;city_value&#8221;:&#8221;chengdu&#8221;,&#8221;city_name&#8221;:&#8221;\u6210\u90fd&#8221;},{&#8220;city_value&#8221;:&#8221;guangyuan&#8221;,&#8221;city_name&#8221;:&#8221;\u5e7f\u5143&#8221;},{&#8220;city_value&#8221;:&#8221;mianyang&#8221;,&#8221;city_name&#8221;:&#8221;\u7ef5\u9633&#8221;}]&#8217;;<br \/>\n\/\/ <span class=\"katex math inline\">info = &#8220;&lt;province&gt;&lt;city name=&#8217;chengdu&#8217;&gt;\u6210\u90fd&lt;\/city&gt;&lt;city name=&#8217;guangyuan&#8217;&gt;\u5e7f\u5143&lt;\/city&gt;&lt;city name=&#8217;mianyang&#8217;&gt;\u7ef5\u9633&lt;\/city&gt;&lt;\/province&gt;&#8221;;<br \/>\n} elseif (<\/span>province == &#8220;gansu&#8221;) {<br \/>\n<span class=\"katex math inline\">info='[{&#8220;city_value&#8221;:&#8221;lanzhou&#8221;,&#8221;city_name&#8221;:&#8221;\u5170\u5dde&#8221;},{&#8220;city_value&#8221;:&#8221;wuwei&#8221;,&#8221;city_name&#8221;:&#8221;\u6b66\u5a01&#8221;},{&#8220;city_value&#8221;:&#8221;jiuquan&#8221;,&#8221;city_name&#8221;:&#8221;\u9152\u6cc9&#8221;}]&#8217;;<br \/>\n\/\/<\/span>info = &#8220;&lt;province&gt;&lt;city name=&#8217;lanzhou&#8217;&gt;\u5170\u5dde&lt;\/city&gt;&lt;city name=&#8217;wuwei&#8217;&gt;\u6b66\u5a01&lt;\/city&gt;&lt;city name=&#8217;jiuquan&#8217;&gt;\u9152\u6cc9&lt;\/city&gt;&lt;\/province&gt;&#8221;;<br \/>\n} else {<br \/>\n<span class=\"katex math inline\">info='[{&#8220;city_value&#8221;:&#8221;&#8221;,&#8221;city_name&#8221;:&#8221;&#8212;\u5e02&#8212;&#8220;}]&#8217;;<br \/>\n\/\/<\/span>info = &#8220;&lt;province&gt;&lt;city name=&#8221;&gt;&#8212;\u5e02&#8212;&lt;\/city&gt;&lt;\/province&gt;&#8221;;<br \/>\n}<\/p>\n<p>echo $info;<br \/>\n?&gt;<\/p><\/div>\n<\/blockquote>\n<\/div>\n<div align=\"left\">\n<div align=\"left\">3\u3001\u5929\u6c14\u9884\u62a5\u67e5\u8be2<\/div>\n<div align=\"left\">3.1\u4f7f\u7528\u4e2d\u56fd\u56fd\u5bb6\u6c14\u8c61\u5c40\u5929\u6c14\u9884\u62a5\u4fe1\u606f\u63a5\u53e3\u67e5\u8be2\u5168\u56fd\u5404\u5730\u7684\u5929\u6c14\u60c5\u51b5<\/div>\n<div align=\"left\">3.2\u4f7f\u7528ajax\u65b9\u5f0f\u52a8\u6001\u52a0\u8f7d\u7701\u5e02\u4fe1\u606f\uff0c\u5f02\u6b65\u65e0\u5237\u65b0\u67e5\u8be2\u5929\u6c14\u9884\u62a5<\/div>\n<div align=\"left\">3.3\u4f7f\u7528php\u53d1\u9001\u8de8\u57df\u8bf7\u6c42\uff0c\u83b7\u53d6\u56fd\u5bb6\u6c14\u8c61\u5c40\u4fe1\u606f\u63a5\u53e3\u8fd4\u56de\u7684json\u4fe1\u606f\uff0c\u5e76\u5c06\u5176\u505a\u4e3aajax\u8bf7\u6c42\u54cd\u5e94\u62a5\u6587\u8fd4\u56de\u7ed9\u524d\u53f0\u9875\u9762<\/div>\n<div align=\"left\">3.4\u6e90\u4ee3\u7801<\/div>\n<div align=\"left\">index.php\uff08\u4fe1\u606f\u5c55\u793a\u9875\uff09<\/div>\n<blockquote>\n<div align=\"left\">&lt;!DOCTYPE unspecified PUBLIC &#8220;-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN&#8221; &#8220;http:\/\/www.w3.org\/TR\/html4\/loose.dtd&#8221;&gt;<br \/>\n&lt;html&gt;<br \/>\n&lt;head&gt;<br \/>\n&lt;title&gt;\u5929\u6c14\u9884\u62a5\u67e5\u8be2&lt;\/title&gt;<br \/>\n&lt;meta content=&#8221;text\/html; charset=utf-8&#8243;&gt;<br \/>\n&lt;script type=&#8221;text\/javascript&#8221; src=&#8221;..\/js\/jquery-1.8.3.min.js&#8221;&gt;&lt;\/script&gt;<br \/>\n&lt;script type=&#8221;text\/javascript&#8221; src=&#8221;weather_forecast.js&#8221;&gt;&lt;\/script&gt;<br \/>\n&lt;style type=&#8221;text\/css&#8221;&gt;<br \/>\ntable.weather {<br \/>\ntable-layout: fixed;<br \/>\ntext-align: center;<br \/>\n}<\/p>\n<p>table.index {<br \/>\nwidth: 580px;<br \/>\n}<\/p>\n<p>body {<br \/>\nfont-family: \u4eff\u5b8b;<br \/>\n}<\/p>\n<p>select {<br \/>\nwidth: 80px;<br \/>\n}<br \/>\n&lt;\/style&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body&gt;<br \/>\n&lt;center&gt;<br \/>\n&lt;select id=&#8221;province&#8221;&gt;<br \/>\n&lt;option value=&#8221;&#8221;&gt;&#8212;\u7701&#8212;&lt;\/option&gt;<br \/>\n&lt;?php<br \/>\n\/\/\u6253\u5f00\u6570\u636e\u5e93<br \/>\n<span class=\"katex math inline\">connect = mysql_connect ( &#8220;localhost&#8221;, &#8220;root&#8221;, &#8220;&#8221; );<br \/>\nmysql_select_db ( &#8220;weather_forecast&#8221; );<br \/>\nmysql_query ( &#8220;set names utf8&#8221; );<br \/>\n\/\/\u67e5\u8be2\u7701\u4efd\u6570\u636e<\/span>sql = &#8220;select * from `province`&#8221;;<br \/>\n<span class=\"katex math inline\">result = mysql_query (<\/span>sql );<br \/>\nif (<span class=\"katex math inline\">result &amp;&amp; mysql_num_rows (<\/span>result ) &gt; 0) {<br \/>\n\/\/\u5982\u679c\u6570\u636e\u4e0d\u4e3a\u7a7a\uff0c\u5219\u9010\u6761\u89e3\u6790\u5e76\u52a0\u5165\u4e0b\u62c9\u5217\u8868<br \/>\nwhile ( <span class=\"katex math inline\">arr = mysql_fetch_array (<\/span>result ) ) {<br \/>\necho &#8220;&lt;option value='&#8221; . <span class=\"katex math inline\">arr [&#8220;id&#8221;] . &#8220;&#8216;&gt;&#8221; .<\/span>arr [&#8220;name&#8221;] . &#8220;&lt;\/option&gt;&#8221;;<br \/>\n}<br \/>\n}<br \/>\nmysql_close ( $connect );<br \/>\n?&gt;<br \/>\n&lt;\/select&gt; &lt;select id=&#8221;city&#8221;&gt;<br \/>\n&lt;option value=&#8221;&#8221;&gt;&#8212;\u5e02&#8212;&lt;\/option&gt;<br \/>\n&lt;\/select&gt;<br \/>\n&lt;button id=&#8221;commit&#8221;&gt;\u67e5\u8be2&lt;\/button&gt;<br \/>\n&lt;hr \/&gt;<br \/>\n&lt;div id=&#8221;weather&#8221;&gt;&lt;\/div&gt;<br \/>\n&lt;\/center&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/div>\n<\/blockquote>\n<div align=\"left\">city.php\uff08\u83b7\u53d6\u57ce\u5e02\u4fe1\u606f\u9875\uff09<\/div>\n<blockquote>\n<div align=\"left\">&lt;?php<br \/>\n\/\/\u8bbe\u7f6e\u8fd4\u56de\u7684\u683c\u5f0f<br \/>\nheader ( &#8220;Content-Type:text\/html;charset=utf-8&#8221; );<br \/>\n\/\/\u8bbe\u7f6e\u7981\u7528\u7f13\u5b58<br \/>\nheader ( &#8220;Cache-Control:no-cache&#8221; );<\/p>\n<p>\/\/\u63a5\u6536\u7701\u4efd\u6570\u636e<br \/>\n<span class=\"katex math inline\">province_id =<\/span>_POST [&#8216;province&#8217;];<\/p>\n<p>\/\/\u6253\u5f00\u6570\u636e\u5e93<br \/>\n<span class=\"katex math inline\">connect = mysql_connect ( &#8220;localhost&#8221;, &#8220;root&#8221;, &#8220;&#8221; );<br \/>\nmysql_select_db ( &#8220;weather_forecast&#8221; );<br \/>\nmysql_query ( &#8220;set names utf8&#8221; );<br \/>\n\/\/\u67e5\u8be2\u6570\u636e<\/span>sql = &#8220;select `name`, `city_number` from `city` where `province_id` = &#8216;&#8221; . <span class=\"katex math inline\">province_id . &#8220;&#8216;&#8221;;<\/span>result = mysql_query ( <span class=\"katex math inline\">sql );<\/span>info = &#8220;&#8221;;<br \/>\nif (mysql_num_rows ( <span class=\"katex math inline\">result )>0) {<\/span>info = &#8220;[&#8220;;<br \/>\nwhile ( <span class=\"katex math inline\">array = mysql_fetch_array (<\/span>result ) ) {<br \/>\n<span class=\"katex math inline\">info =<\/span>info.'{&#8220;name&#8221;:&#8221;&#8216;.<span class=\"katex math inline\">array[&#8220;name&#8221;].'&#8221;,&#8221;city_number&#8221;:&#8221;&#8216;.<\/span>array[&#8220;city_number&#8221;].'&#8221;},&#8217;;<br \/>\n}<br \/>\n<span class=\"katex math inline\">info = substr(<\/span>info, 0, strlen(<span class=\"katex math inline\">info)-1);<\/span>info .= &#8220;]&#8221;;<br \/>\n}<br \/>\necho $info;<br \/>\n?&gt;<\/div>\n<\/blockquote>\n<div align=\"left\">forecast.php\uff08\u8bf7\u6c42\u8de8\u57df\u5730\u5740\u8bbf\u95ee\u9875\uff09<\/div>\n<blockquote>\n<div align=\"left\">&lt;?php<br \/>\n\/\/\u63a5\u53d7\u57ce\u5e02\u4ee3\u7801<br \/>\n<span class=\"katex math inline\">city_number =<\/span>_POST[&#8216;city_number&#8217;];<\/p>\n<p>\/\/\u521d\u59cb\u5316<br \/>\n<span class=\"katex math inline\">ch = curl_init();<\/p>\n<p>curl_setopt(<\/span>ch, CURLOPT_URL, &#8220;http:\/\/m.weather.com.cn\/data\/&#8221;.<span class=\"katex math inline\">city_number.&#8221;.html&#8221;);<br \/>\ncurl_setopt(<\/span>ch, CURLOPT_RETURNTRANSFER, 1);<br \/>\ncurl_setopt(<span class=\"katex math inline\">ch, CURLOPT_HEADER, 0);<br \/>\n\/\/ 3. \u6267\u884c\u5e76\u83b7\u53d6HTML\u6587\u6863\u5185\u5bb9<\/span>output = curl_exec(<span class=\"katex math inline\">ch);<br \/>\n\/\/ 4. \u91ca\u653ecurl\u53e5\u67c4<br \/>\ncurl_close(<\/span>ch);<\/p>\n<p>echo $output;<br \/>\n?&gt;<\/p><\/div>\n<\/blockquote>\n<div align=\"left\">weather_forecast.js\uff08ajax\u8bf7\u6c42\u811a\u672c\uff09<\/div>\n<blockquote>\n<div align=\"left\">$(function() {<br \/>\n$(&#8220;#province&#8221;).change(<br \/>\nfunction() {<br \/>\n$.ajax({<br \/>\nurl : &#8220;\/ajax\/weather_forecast\/city.php&#8221;,<br \/>\ntype : &#8220;POST&#8221;,<br \/>\ndata : {<br \/>\nprovince : $(&#8220;#province option:selected&#8221;).val()<br \/>\n},<br \/>\ndataType : &#8220;json&#8221;,<br \/>\nsuccess : function(data) {<br \/>\nif (data == null || data == &#8220;&#8221;) {<br \/>\n$(&#8220;#city&#8221;).empty();<br \/>\n$myoption = $(&#8220;&lt;option value=&#8221;&gt;&#8212;\u5e02&#8212;&lt;\/option&gt;&#8221;);<br \/>\n$(&#8220;#city&#8221;).append($myoption);<br \/>\nreturn;<br \/>\n}<br \/>\n$(&#8220;#city&#8221;).empty();<br \/>\nfor ( var i = 0; i &lt; data.length; i++) {<br \/>\n$myoption = $(&#8220;&lt;option value='&#8221;<br \/>\n+ data[i].city_number + &#8220;&#8216;&gt;&#8221; + data[i].name<br \/>\n+ &#8220;&lt;\/option&gt;&#8221;);<br \/>\n$(&#8220;#city&#8221;).append($myoption);<br \/>\n}<br \/>\n}<br \/>\n});<br \/>\n});<\/p>\n<p>$(&#8220;button&#8221;).click(<br \/>\nfunction() {<br \/>\nif ($(&#8220;#city&#8221;).val() == null || $(&#8220;#city&#8221;).val() == &#8220;&#8221;) {<br \/>\nwindow.alert(&#8220;\u8bf7\u9009\u62e9\u6b63\u786e\u7701\u4efd\u548c\u57ce\u5e02&#8221;);<br \/>\nreturn;<br \/>\n}<br \/>\n$.ajax({<br \/>\nurl: &#8220;\/ajax\/weather_forecast\/forecast.php&#8221;,<br \/>\ntype: &#8220;POST&#8221;,<br \/>\ndata: {city_number:$(&#8220;#city&#8221;).val()},<br \/>\ndataType: &#8220;json&#8221;,<br \/>\nsuccess: function (data){<br \/>\nvar info = data.weatherinfo;<br \/>\nvar $table = &#8220;&lt;table class=&#8217;weather&#8217; border=&#8217;1&#8242;&gt;&lt;tr&gt;&lt;th&gt;&lt;\/th&gt;&lt;th&gt;\u4eca\u5929&lt;\/th&gt;&lt;th&gt;\u660e\u5929&lt;\/th&gt;&lt;th&gt;\u540e\u5929&lt;\/th&gt;&lt;\/tr&gt;&#8221;;<br \/>\n$table += &#8220;&lt;tr&gt;&lt;th&gt;\u6e29\u5ea6&lt;\/th&gt;&lt;td&gt;&#8221;+info.temp1+&#8221;&lt;\/td&gt;&lt;td&gt;&#8221;+info.temp2+&#8221;&lt;\/td&gt;&lt;td&gt;&#8221;+info.temp3+&#8221;&lt;\/td&gt;&lt;\/tr&gt;&#8221;;<br \/>\n$table += &#8220;&lt;tr&gt;&lt;th&gt;\u5929\u6c14&lt;\/th&gt;&lt;td&gt;&#8221;+info.weather1+&#8221;&lt;\/td&gt;&lt;td&gt;&#8221;+info.weather2+&#8221;&lt;\/td&gt;&lt;td&gt;&#8221;+info.weather3+&#8221;&lt;\/td&gt;&lt;\/tr&gt;&#8221;;<br \/>\n$table += &#8220;&lt;tr&gt;&lt;th&gt;\u98ce\u901f&lt;\/th&gt;&lt;td&gt;&#8221;+info.wind1+&#8221;&lt;\/td&gt;&lt;td&gt;&#8221;+info.wind2+&#8221;&lt;\/td&gt;&lt;td&gt;&#8221;+info.wind3+&#8221;&lt;\/td&gt;&lt;\/tr&gt;&#8221;;<br \/>\n$table += &#8220;&lt;tr&gt;&lt;th&gt;\u98ce\u901f\u7ea7\u522b&lt;\/th&gt;&lt;td&gt;&#8221;+info.fl1+&#8221;&lt;\/td&gt;&lt;td&gt;&#8221;+info.fl2+&#8221;&lt;\/td&gt;&lt;td&gt;&#8221;+info.fl3+&#8221;&lt;\/td&gt;&lt;\/tr&gt;&#8221;;<br \/>\n$table += &#8220;&lt;\/table&gt;&lt;br \/&gt;&#8221;;<br \/>\n$table += &#8220;&lt;table class=&#8217;index&#8217; border=&#8217;1&#8242;&gt;&lt;tr&gt;&lt;th colspan=&#8217;3&#8242;&gt;\u8be6\u7ec6\u60c5\u51b5&lt;\/th&gt;&lt;\/tr&gt;&#8221;;<br \/>\n$table += &#8220;&lt;tr&gt;&lt;th width=&#8217;20%&#8217;&gt;\u4eca\u5929\u7a7f\u8863\u6307\u6570&lt;\/th&gt;&lt;td width=&#8217;10%&#8217;&gt;&#8221;+info.index+&#8221;&lt;\/td&gt;&lt;td width=&#8217;70%&#8217;&gt;&#8221;+info.index_d+&#8221;&lt;\/td&gt;&lt;\/tr&gt;&#8221;;<br \/>\n$table += &#8220;&lt;tr&gt;&lt;th&gt;48\u5c0f\u65f6\u7a7f\u8863\u6307\u6570&lt;\/th&gt;&lt;td&gt;&#8221;+info.index48+&#8221;&lt;\/td&gt;&lt;td&gt;&#8221;+info.index48_d+&#8221;&lt;\/td&gt;&lt;\/tr&gt;&#8221;;<br \/>\n$table += &#8220;&lt;tr&gt;&lt;th&gt;\u7d2b\u5916\u7ebf\u53ca48\u5c0f\u65f6\u7d2b\u5916\u7ebf&lt;\/th&gt;&lt;td&gt;&#8221;+info.index_uv+&#8221;&lt;\/td&gt;&lt;td&gt;&#8221;+info.index48_uv+&#8221;&lt;\/td&gt;&lt;\/tr&gt;&#8221;;<br \/>\n$table += &#8220;&lt;tr&gt;&lt;th&gt;\u6d17\u8f66&lt;\/th&gt;&lt;td colspan=&#8217;2&#8242;&gt;&#8221;+info.index_xc+&#8221;&lt;\/td&gt;&lt;\/tr&gt;&#8221;;<br \/>\n$table += &#8220;&lt;tr&gt;&lt;th&gt;\u5916\u51fa\u65c5\u6e38&lt;\/th&gt;&lt;td colspan=&#8217;2&#8242;&gt;&#8221;+info.index_tr+&#8221;&lt;\/td&gt;&lt;\/tr&gt;&#8221;;<br \/>\n$table += &#8220;&lt;tr&gt;&lt;th&gt;\u8212\u9002\u6307\u6570&lt;\/th&gt;&lt;td colspan=&#8217;2&#8242;&gt;&#8221;+info.index_co+&#8221;&lt;\/td&gt;&lt;\/tr&gt;&#8221;;<br \/>\n$table += &#8220;&lt;tr&gt;&lt;th&gt;\u6668\u7ec3&lt;\/th&gt;&lt;td colspan=&#8217;2&#8242;&gt;&#8221;+info.index_cl+&#8221;&lt;\/td&gt;&lt;\/tr&gt;&#8221;;<br \/>\n$table += &#8220;&lt;tr&gt;&lt;th&gt;\u667e\u6652&lt;\/th&gt;&lt;td colspan=&#8217;2&#8242;&gt;&#8221;+info.index_ls+&#8221;&lt;\/td&gt;&lt;\/tr&gt;&#8221;;<br \/>\n$table += &#8220;&lt;tr&gt;&lt;th&gt;\u8fc7\u654f&lt;\/th&gt;&lt;td colspan=&#8217;2&#8242;&gt;&#8221;+info.index_ag+&#8221;&lt;\/td&gt;&lt;\/tr&gt;&#8221;;<br \/>\n$table += &#8220;&lt;\/table&gt;&#8221;;<br \/>\n$(&#8220;#weather&#8221;).html($table);<br \/>\n}<br \/>\n});<br \/>\n});<br \/>\n});<\/p><\/div>\n<\/blockquote>\n<\/div>\n<\/div>\n<div align=\"left\">\n<div align=\"left\">4\u3001\u9ec4\u91d1\u4ef7\u683c\u5b9e\u65f6\u76d1\u63a7<\/div>\n<div align=\"left\">4.1\u9700\u8981\u4e24\u4e2a\u9875\u9762\uff0c\u4e00\u4e2a\u662f\u5c55\u793a\u9875\u9762\uff0c\u53e6\u4e00\u4e2a\u662f\u6570\u636e\u66f4\u65b0\u9875\u9762<\/div>\n<div align=\"left\">4.2\u9700\u8981\u6839\u636e\u4e0a\u6b21\u7684\u6570\u636e\u548c\u672c\u6b21\u7684\u6570\u636e\u7b97\u51fa\u6da8\u8dcc\u5e76\u52a8\u6001\u52a0\u8f7d\u76f8\u5e94\u7684\u56fe\u7247\u8d44\u6e90<\/div>\n<div align=\"left\">4.3\u8bbe\u7f6e\u4e24\u4e2a\u8ba1\u65f6\u5668\uff0c\u4e00\u4e2a\u8d1f\u8d23\u53d1\u9001ajax\u8bf7\u6c42\uff0c\u53e6\u4e00\u4e2a\u8d1f\u8d23\u5012\u8ba1\u65f6<\/div>\n<div align=\"left\">4.4\u6e90\u4ee3\u7801<\/div>\n<div align=\"left\">index.html<\/div>\n<blockquote>\n<div align=\"left\">&lt;!DOCTYPE html PUBLIC &#8220;-\/\/W3C\/\/DTD HTML 4.01 Strict\/\/EN&#8221; &#8220;http:\/\/www.w3.org\/TR\/html4\/strict.dtd&#8221;&gt;<br \/>\n&lt;html&gt;<br \/>\n&lt;head&gt;<br \/>\n&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text\/html; charset=UTF-8&#8243;&gt;<br \/>\n&lt;title&gt;\u9ec4\u91d1\u4ef7\u683c\u8d70\u52bf&lt;\/title&gt;<br \/>\n&lt;script type=&#8221;text\/javascript&#8221; src=&#8221;..\/js\/jquery-1.8.3.min.js&#8221;&gt;&lt;\/script&gt;<br \/>\n&lt;script type=&#8221;text\/javascript&#8221; src=&#8221;gold_price.js&#8221;&gt;&lt;\/script&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body&gt;<br \/>\n&lt;div align=&#8221;center&#8221;&gt;<br \/>\n&lt;h1&gt;\u9ec4\u91d1\u4ef7\u683c\u8d70\u52bf&lt;\/h1&gt;<br \/>\n&lt;h3&gt;\u6bcf\u96945\u79d2\u5237\u65b0\u9875\u9762\uff0c\u8ddd\u4e0b\u6b21\u5237\u65b0\u8fd8\u6709&lt;font id=&#8221;sec&#8221;&gt;5&lt;\/font&gt;\u79d2&lt;\/h3&gt;<br \/>\n&lt;table align=&#8221;center&#8221; width=&#8221;300px&#8221;&gt;<br \/>\n&lt;tr&gt;&lt;td width=&#8221;30%&#8221;&gt;\u5e02\u573a&lt;\/td&gt;&lt;td width=&#8221;30%&#8221;&gt;\u6700\u65b0\u4ef7\u683c&lt;\/td&gt;&lt;td width=&#8221;40%&#8221;&gt;\u6da8\u8dcc&lt;\/td&gt;&lt;\/tr&gt;<br \/>\n&lt;tr id=&#8221;ld&#8221;&gt;&lt;td width=&#8221;30%&#8221;&gt;\u4f26\u6566&lt;\/td&gt;&lt;td width=&#8221;30%&#8221;&gt;0&lt;\/td&gt;&lt;td width=&#8221;40%&#8221;&gt;0&lt;\/td&gt;&lt;\/tr&gt;<br \/>\n&lt;tr id=&#8221;tw&#8221;&gt;&lt;td width=&#8221;30%&#8221;&gt;\u53f0\u6e7e&lt;\/td&gt;&lt;td width=&#8221;30%&#8221;&gt;0&lt;\/td&gt;&lt;td width=&#8221;40%&#8221;&gt;0&lt;\/td&gt;&lt;\/tr&gt;<br \/>\n&lt;tr id=&#8221;dj&#8221;&gt;&lt;td width=&#8221;30%&#8221;&gt;\u4e1c\u4eac&lt;\/td&gt;&lt;td width=&#8221;30%&#8221;&gt;0&lt;\/td&gt;&lt;td width=&#8221;40%&#8221;&gt;0&lt;\/td&gt;&lt;\/tr&gt;<br \/>\n&lt;\/table&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/div>\n<\/blockquote>\n<div align=\"left\">gold_price.js<\/div>\n<blockquote>\n<div align=\"left\">$(function (){<br \/>\nrun();<br \/>\n\/\/\u5f00\u542f\u5b9a\u65f6\u5668<br \/>\nvar interval = null;<br \/>\nvar interval2 = null;<br \/>\nfunction run() {<br \/>\nif (interval == null) {<br \/>\n\/\/\u8bbe\u7f6e\u5b9a\u65f6\u5668\uff0c\u6bcf5\u79d2\u949f\u6267\u884cgetPrice\u51fd\u6570\u4e00\u6b21<br \/>\ninterval = setInterval(getPrice, &#8220;5000&#8221;);<br \/>\n}<br \/>\nif (interval2 == null) {<br \/>\ninterval2 = setInterval(jishi, &#8220;1000&#8221;);<br \/>\n}<br \/>\n}<br \/>\n\/\/\u505c\u6b62\u5b9a\u65f6\u5668<br \/>\nfunction stop() {<br \/>\nif (interval != null)<br \/>\nclearTimeout(interval);<br \/>\n}<br \/>\n\/\/\u53d1\u9001ajax\u8bf7\u6c42<br \/>\nfunction getPrice() {<br \/>\n$.ajax({<br \/>\nurl: &#8220;\/ajax\/gold_price\/price.php&#8221;,<br \/>\ntype: &#8220;POST&#8221;,<br \/>\ndata: {ld: $(&#8220;#ld td:eq(1)&#8221;).text(), tw: $(&#8220;#tw td:eq(1)&#8221;).text(), dj: $(&#8220;#dj td:eq(1)&#8221;).text()},<br \/>\ndataType: &#8220;json&#8221;,<br \/>\nsuccess: function(data) {<br \/>\n\/\/\u4f26\u6566<br \/>\n$(&#8220;#ld &gt; td:eq(1)&#8221;).text(data.ld.price);<br \/>\nvar $value = &#8220;0&#8221;;<br \/>\nif (parseInt(data.ld.price_change) == 0) {<br \/>\n$value = &#8220;0&#8221;;<br \/>\n}else if (parseInt(data.ld.price_change) &gt; 0) {<br \/>\n$value = &#8220;&lt;img src=&#8217;up.png&#8217; alt=&#8217;rise&#8217;&gt;&#8221;+data.ld.price_change;<br \/>\n}else {<br \/>\n$value = &#8220;&lt;img src=&#8217;down.png&#8217; alt=&#8217;fall&#8217;&gt;&#8221;+data.ld.price_change.substring(1);<br \/>\n}<br \/>\n$(&#8220;#ld &gt; td:eq(2)&#8221;).html($value);<br \/>\n\/\/\u53f0\u6e7e<br \/>\n$(&#8220;#tw &gt; td:eq(1)&#8221;).text(data.tw.price);<br \/>\nvar $value = &#8220;0&#8221;;<br \/>\nif (parseInt(data.tw.price_change) == 0) {<br \/>\n$value = &#8220;0&#8221;;<br \/>\n}else if (parseInt(data.tw.price_change) &gt; 0) {<br \/>\n$value = &#8220;&lt;img src=&#8217;up.png&#8217; alt=&#8217;rise&#8217;&gt;&#8221;+data.tw.price_change;<br \/>\n}else {<br \/>\n$value = &#8220;&lt;img src=&#8217;down.png&#8217; alt=&#8217;fall&#8217;&gt;&#8221;+data.tw.price_change.substring(1);<br \/>\n}<br \/>\n$(&#8220;#tw &gt; td:eq(2)&#8221;).html($value);<br \/>\n\/\/\u4e1c\u4eac<br \/>\n$(&#8220;#dj &gt; td:eq(1)&#8221;).text(data.dj.price);<br \/>\nvar $value = &#8220;0&#8221;;<br \/>\nif (parseInt(data.dj.price_change) == 0) {<br \/>\n$value = &#8220;0&#8221;;<br \/>\n}else if (parseInt(data.dj.price_change) &gt; 0) {<br \/>\n$value = &#8220;&lt;img src=&#8217;up.png&#8217; alt=&#8217;rise&#8217;&gt;&#8221;+data.dj.price_change;<br \/>\n}else {<br \/>\n$value = &#8220;&lt;img src=&#8217;down.png&#8217; alt=&#8217;fall&#8217;&gt;&#8221;+data.dj.price_change.substring(1);<br \/>\n}<br \/>\n$(&#8220;#dj &gt; td:eq(2)&#8221;).html($value);<br \/>\n}<br \/>\n});<br \/>\n}<\/p>\n<p>function jishi() {<br \/>\nvar t = parseInt($(&#8220;#sec&#8221;).text());<br \/>\nif (t &gt; 1) {<br \/>\n$(&#8220;#sec&#8221;).text(&#8211;t);<br \/>\n}else {<br \/>\n$(&#8220;#sec&#8221;).text(&#8220;0&#8221;);<br \/>\n$(&#8220;#sec&#8221;).text(&#8220;5&#8221;);<br \/>\n}<br \/>\n}<br \/>\n});<\/p><\/div>\n<\/blockquote>\n<div align=\"left\">price.php<\/div>\n<\/div>\n<blockquote>\n<div align=\"left\">&lt;?php<br \/>\n\/\/\u8bbe\u7f6e\u8fd4\u56de\u7684\u683c\u5f0f<br \/>\nheader ( &#8220;Content-Type:text\/html;charset=utf-8&#8221; );<br \/>\n\/\/\u8bbe\u7f6e\u7981\u7528\u7f13\u5b58<br \/>\nheader ( &#8220;Cache-Control:no-cache&#8221; );<br \/>\n\/\/\u63a5\u6536\u6570\u636e<br \/>\n<span class=\"katex math inline\">ld_old =<\/span>_POST[&#8216;ld&#8217;];<br \/>\n<span class=\"katex math inline\">tw_old =<\/span>_POST[&#8216;tw&#8217;];<br \/>\n<span class=\"katex math inline\">dj_old =<\/span>_POST[&#8216;dj&#8217;];<br \/>\n\/\/\u751f\u6210\u4e09\u4e2a\u52a8\u6001\u6570\u636e<br \/>\n<span class=\"katex math inline\">ld = rand(500, 1500);<\/span>tw = rand(500, 1500);<br \/>\n<span class=\"katex math inline\">dj = rand(500, 1500);<br \/>\n\/\/\u8ba1\u7b97\u6da8\u8dcc\uff0c\u53d1\u9001\u7ed3\u679c<\/span>info = &#8216;{&#8220;ld&#8221;:{&#8220;price&#8221;:&#8221;&#8216;.<span class=\"katex math inline\">ld.'&#8221;,&#8221;price_change&#8221;:&#8221;&#8216;.(<\/span>ld-<span class=\"katex math inline\">ld_old).'&#8221;},&#8217;;<\/span>info .= &#8216;&#8221;tw&#8221;:{&#8220;price&#8221;:&#8221;&#8216;.<span class=\"katex math inline\">tw.'&#8221;,&#8221;price_change&#8221;:&#8221;&#8216;.(<\/span>tw-<span class=\"katex math inline\">tw_old).'&#8221;},&#8217;;<\/span>info .= &#8216;&#8221;dj&#8221;:{&#8220;price&#8221;:&#8221;&#8216;.<span class=\"katex math inline\">dj.'&#8221;,&#8221;price_change&#8221;:&#8221;&#8216;.(<\/span>dj-<span class=\"katex math inline\">dj_old).'&#8221;}}&#8217;;<br \/>\n\/\/\u5199\u4f1a\u6570\u636e<br \/>\necho<\/span>info;<\/div>\n<\/blockquote>\n<div align=\"left\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n  \n  \n  ","protected":false},"excerpt":{"rendered":"<p>\u8fd9\u662f\u672c\u4eba\u5728\u5b66\u4e60ajax\u8fc7\u7a0b\u6240\u505a\u7684\u7b14\u8bb0\uff0c\u901a\u8fc7\u672c\u7b14\u8bb0\u7684\u5b66\u4e60\uff0c\u53ef\u4ee5\u5b8c\u6210ajax\u7684\u5feb\u901f\u5165\u95e8\u3002\u672c\u7b14\u8bb0\u524d\u7aef\u5206\u522b\u4f7f\u7528\u539f\u751f\u6001\u7684&hellip;<a href=\"https:\/\/www.softeng.cn\/?p=107\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">\u57fa\u4e8ePHP\u7684AJAX\u5b66\u4e60\u7b14\u8bb0\uff08\u6559\u7a0b\uff09<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[14,15,16,6],"class_list":["post-107","post","type-post","status-publish","format-standard","hentry","category-3","tag-ajax","tag-javascript","tag-jquery","tag-php"],"_links":{"self":[{"href":"https:\/\/www.softeng.cn\/index.php?rest_route=\/wp\/v2\/posts\/107"}],"collection":[{"href":"https:\/\/www.softeng.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.softeng.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.softeng.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.softeng.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=107"}],"version-history":[{"count":1,"href":"https:\/\/www.softeng.cn\/index.php?rest_route=\/wp\/v2\/posts\/107\/revisions"}],"predecessor-version":[{"id":108,"href":"https:\/\/www.softeng.cn\/index.php?rest_route=\/wp\/v2\/posts\/107\/revisions\/108"}],"wp:attachment":[{"href":"https:\/\/www.softeng.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.softeng.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.softeng.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}