ajax提交后的php页面该怎么写
/*ajaxtext.php页面*/<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Co...
/*ajaxtext.php 页面*/
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ajax</title>
</head>
<script language="javascript" type="text/javascript">
var xmlHttp = new XMLHttpRequest(); //创建新的 XMLHttpRequest 对象
function callServer() {
// Get the city and state from the web form
var city = document.getElementById("city").value;
var state = document.getElementById("state").value;
// Only go on if there are values for both fields
if ((city == null) || (city == "")) return;
if ((state == null) || (state == "")) return;
// Build the URL to connect to
var url = "getZipCode.php?city=" + escape(city) + "&state=" + escape(state);
// Open a connection to the server
xmlHttp.open("GET", url, true);
// Setup a function for the server to run when it's done
xmlHttp.onreadystatechange = updatePage;
// Send the request
xmlHttp.send(null);
}
function updatePage() {
if (xmlHttp.readyState == 4) {
var response = xmlHttp.responseText;
document.getElementById("zipCode").value = response;
}
}
</script>
<body>
<form>
<p>City: <input type="text" name="city" id="city" size="25"
onChange="callServer();" /></p>
<p>State: <input type="text" name="state" id="state" size="25"
onChange="callServer();" /></p>
<p>Zip Code: <input type="text" name="zipCode" id="city" size="5" /></p>
</form>
</body>
</html>
把它提交到getZipCode.php处理 getZipCode.php该怎么写啊 或者 ajaxtext.php这个页面有什么错误吗 ? 我看着别人的断续代码写的 不知道对不对 也没人指点下 望高人指点迷境了 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ajax</title>
</head>
<script language="javascript" type="text/javascript">
var xmlHttp = new XMLHttpRequest(); //创建新的 XMLHttpRequest 对象
function callServer() {
// Get the city and state from the web form
var city = document.getElementById("city").value;
var state = document.getElementById("state").value;
// Only go on if there are values for both fields
if ((city == null) || (city == "")) return;
if ((state == null) || (state == "")) return;
// Build the URL to connect to
var url = "getZipCode.php?city=" + escape(city) + "&state=" + escape(state);
// Open a connection to the server
xmlHttp.open("GET", url, true);
// Setup a function for the server to run when it's done
xmlHttp.onreadystatechange = updatePage;
// Send the request
xmlHttp.send(null);
}
function updatePage() {
if (xmlHttp.readyState == 4) {
var response = xmlHttp.responseText;
document.getElementById("zipCode").value = response;
}
}
</script>
<body>
<form>
<p>City: <input type="text" name="city" id="city" size="25"
onChange="callServer();" /></p>
<p>State: <input type="text" name="state" id="state" size="25"
onChange="callServer();" /></p>
<p>Zip Code: <input type="text" name="zipCode" id="city" size="5" /></p>
</form>
</body>
</html>
把它提交到getZipCode.php处理 getZipCode.php该怎么写啊 或者 ajaxtext.php这个页面有什么错误吗 ? 我看着别人的断续代码写的 不知道对不对 也没人指点下 望高人指点迷境了 展开
2个回答
展开全部
getZipCode.php 怎么写主要看你需要getZipCode.php帮你完成哪种功能了,以及你需要它返回哪些东西了,在getZipCode.php要返回数据的话常用的有几种方式,一种是直接返回,可以用 echo "sdlskdfsldkj";或 exit("sdfls;ldkf;lsdkf");
另一种是以JSON格式返回,exit(json_encode(array('id'=>'111','msg'=>'sdlfjsldfsdkfj','status'=>'yes')));
另一种是以JSON格式返回,exit(json_encode(array('id'=>'111','msg'=>'sdlfjsldfsdkfj','status'=>'yes')));
展开全部
可能你是想通过这段Ajax实现页面的某部分的更新吧,如果是这样的话,你在getZipCode.php文件当中,首先要得到getZipCode.php?city=" + escape(city) + "&state=" + escape(state);这个URL当中的city、statte这两个参数,然后我估计你是想把这两个参数做相关的处理吧,然后做为数据源传入到你要更新的页面就可以啦,具体的做法,就要看你要更新的那部分是什么情况啦~~~~
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询