简单ajax代码。

来源:互联网 发布:学美工要多少钱 编辑:程序博客网 时间:2024/05/16 07:24

  <script type="text/javascript">
<!--
//将用户输入异步提交到服务器
function ajaxSubmit(){
 //获取用户输入
 var question=document.forms[0].question.value;
 //创建XMLHttpRequest对象
 var xmlhttp;
 try{
  xmlhttp=new XMLHttpRequest(); 
 }catch(e){
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 }

 //创建请求结果处理程序
 xmlhttp.onreadystatechange=function(){
  if (4==xmlhttp.readyState){
   if (200==xmlhttp.status){  
    var data=xmlhttp.responseText;
   document.getElementById("result").innerHTML=data;
   }else{
    alert("error");
   
   }
  }
 }
 //打开连接,true表示异步提交
 xmlhttp.open("post", "/dict/servlet/dictAction", true);
 //当方法为post时需要如下设置http头
 xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
 //发送数据
 xmlhttp.send("question="+question);
}
</script>