一步一步解决Ajax传值问题

最新推荐文章于 2021-08-05 13:21:29 发布

Nazy789

最新推荐文章于 2021-08-05 13:21:29 发布

阅读量710

点赞数

分类专栏： web相关

本文链接：https://blog.csdn.net/Nazy789/article/details/8142640

版权

web相关专栏收录该内容

14 篇文章 0 订阅

订阅专栏

最近一直有个问题困扰我了，我用ajax写一个一步获取表单传值，浏览器运行后总是显示网页有错误，下边我记录下自己发现问题的方法和步骤，我的最先代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<head>
		<script type="text/javascript">
			function showHint(){
				var xmlhttp;
				var str=document.myform.name.value;
				
				if(str.length==0){
				
					document.getElementById(show).innerHTML="";
					
					return;
					
				}
				if(window.XMLHttpRequest){//code for ie7+, chome, Opera, safari 
					
					xmlhttp=new XMLHttpRequest();
					
					}
				
				else{//code for ie5,ie6
							
					xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
					}
					xmlhttp.onreadystatechange=function(){
						
						if(xmlhttp.readyState==4&&xmlhttp.status==200){ 
							document.getElementById(show).innerHTML=xmlhttp.responseText;
							}
						
						}
					xmlhttp.open("GET","demo1.php?name="+str,true);
					xmlhttp.send();
					
			}
					
			
		
		</script>
	</head>

	<body>
		<h3>Ajax 演示</h3>
		
		<p><form name="myform">
		姓名：
		
			<input type="text" name="name" οnkeyup="showHint()"; />
		</form>
		</p>
		<div id="show"></div>
	</body>
	
</html>

对于新手来说，很多小错误在所难免，程序员都要求写代码的时候要细心，一旦某些字母打错，少打一个或者多输入一个字母都会让后边的demo带来摸不着北的麻烦，这些问题首先得有一个好的编辑器来呈现错误，其次是牛逼的自我排错方法也是应该具有的，每一个高手都是从菜鸟级别一步一步成长起来的，而每一个菜鸟都应该具有遇到难题而不放弃的精神，才能成为大神。

一般我遇到php的一些问题，首先我看错误信息显示的是什么，然后再在某些地方echo,或者注释某些语句看看是否还会出错。总之一点我们把东西输出看看，是否能输出，或者看看为真还是假。其他语言也是采用这种方法。

这个代码，我在alert很多次，也在demo1.php中输出过值，就是显示不出来，我是新手，后来在网上找到一个相似的代码，一个一个的对，结果居然是getElementById(show)中少了一个双引号，应该是getElementById(“show”),后来终于可以了。

于是我输入数字，可以，子母，也ok，但是我输入中文的时候，输出就是乱码了，我看了我的htm文件和demo.php文件，htm文件设置的是utf-8编码,php文件没有设置，于是在demo.php文件加了一句head('Content-Type:text/html;chrset=utf-8'),可是还是乱码，于是又找百度问了一下，把字符编码设置为gb2312,这下中文完美没输出了。

通过自己一步一步的测试，当然其中还省略了些许字母打错而引起的出错，说明自己练得比较少，对于程序员来说，辛辛苦苦测试后成功实现功能是最开心的事情，其实程序员才是最细心的人。

想做好一个程序员，写程序出点错并不可怕，可怕的是不去想方设法解决这个bug.