javascript下的ajax和jQuery下的ajax （捎带说一下form提交）

javascript下的ajax 首先创建一个浏览器对象 然后ajax提交

 var xmlhttp;
      if (window.XMLHttpRequest)
        {
      xmlhttp=new XMLHttpRequest();
        }
      else
       {
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
       }  
       var name = $("#id").val();
       name = encodeURI(name);       //乱码处理
       url = "index7.jsp?name="+name;//传递的内容越多url就越长 不爽
       xmlhttp.open("POST",url,false);
       xmlhttp.send();
       alert(xmlhttp.responseText);

jQuery下的ajax 这里直说jQuery.ajax() 其余的 load();get();post();以后再说

$(document).ready(function(){
        $("#jid").click(function(){
        var name = $("#id").val(); 
        //name= encodeURI(name);
        var xmlhttp = $.ajax({
        type: "POST",
        url: "index7.jsp",
        data: {"name":name},         //多个数据的时候用逗号分割  譬如{"name":name,"age":age,"sex":sex}
        async:false
       });
     //$("#mydiv").html(xmlhttp.responseText);
       alert(xmlhttp.responseText);
        })
        });

   jQuery和js往同一个页面提交相同的内容 jQuery不需要 encodeURI() 转码 不知道为什么 可能这俩家伙的编码方式不一致吧

另外值得一提的是 jQuery下的ajax还可以加很多东西的 datatype:"json", success:function(){}, 这个暂时能力有限 没有应用始终是

学不好啊 以后多多练习

 function  formsubmit(){
       document.getElementById('myform').submit();
      }   

 

 

 <form method="post" action="index7.jsp" id="myform" >
  <input type="text" name="name" id="id">
  <input type="submit" value="提交" ><br>      //按钮1
  <input type="button" value="调用函数提交" οnclick="formsubmit()">//按钮2 
  </form>

 

在上述代码里 按钮1和按钮2实现功能是一致的 按钮是 type="submit" 直接提交 name=文本框的内容

按钮2是通过调用函数提交 其实与按钮1是一样的 还走了点弯路

个人认为 在提交数据量比较大的时候用form提交是有优势的 至少没有ajax的长url

也不用在jQuery.ajax({ data:{....}})的data里添加太多的数据 只要写好form就可以了

因为没做过东西 有点不好评价 以后再议