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就可以了
因为没做过东西 有点不好评价 以后再议