                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /Ajax全接触

按照老师的教程，但加了个form之后就出现错误，为什么呢？

<body>
         <form>
		<div class="div1">
			<h3>员工信息查询</h3>
			<label for="keyWords">请输入员工编号:</label>
			<input type="text" id="keyWords" /><br>
			<button id="search">查询</button>
			<p id="searchResult">这是员工编号</p> 
			<br>
		</div>
		<div class="div2">
			<h3>新建员工信息</h3>
			<label for="staffName">请输入员工姓名:</label>
			<input type="text" id="staffName" /><br>

			<label for="staffNumber">请输入员工编号:</label>
			<input type="text" id="staffNumber" /><br>

			<label for="staffSex">请输入员工性别:</label>
			<select id="staffSex">
				<option>男</option>
				<option>女</option>
			</select><br>

			<label for="staffJob">请输入员工职位:</label>
			<input type="text" id="staffJob" /><br>
			<button id="addStaff">新建</button>
			<p id="createResult">这是新建员工信息</p>
		</div>
	</form>
	<script>
		document.getElementById("search").onclick=function(){
			var request=new XMLHttpRequest();
			request.open("GET","server.php?number="+document.getElementById("keyWords").value);
			request.send();
		}
	</script>	
</body>