日期:2014-05-16  浏览次数:20623 次

哪位能给我个AJAX传送表单数据的例子,多谢 - Web 开发 / Ajax
想找个用AJAX传送表单数据的例子,网上搜了好多资料,都不太好用,甚至实现不了。想找个能用的。当然是越简单越好。



------解决方案--------------------
要么用框架,要不就自己手动组合字符串,然后提交

最简单的就直接提交到隐藏的iframe中,这样最方便,也不会刷新当前页面~
------解决方案--------------------
ajax本身不支持直接传送表单,如果会传送URL传送,那表单传送也是一样的.只是要自己把表单的内容连接起来.

学习的时候可以这么做一下.真正用时建义看一JQUERY的form插件

<input id="txt" value="test"/>
<input type="button" onclick="ajaxTest()" value="AJAX测试">

<script>
// 1. 初始化 请求 对象
// Mozilla/Firefox 下的
var xmlhttp = new XMLHttpRequest();
// IE 下的
//var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
//alert(xmlhttp);

function ajaxTest() {
// 指定要打开的页面
xmlhttp.open("POST", "", true);// HTTP 请求的方式, URL, 是否异步
// 指定页面打开完之后要进行的操作.
xmlhttp.onreadystatechange = mychange;
// 开始发起浏览请求. 如果没有参数, Mozilla 必须加 null
xmlhttp.send("txt="+document.getElementById('txt').value);
}

// 这个函数就是每次状态改变要调用的函数
function mychange() {
// 请求已完成
if(xmlhttp.readyState == 4) {
//alert(xmlhttp.readyState);
alert(xmlhttp.responseText);
// 更新对应的 HTML 元素里面显示的内容
// 根据 ID 引用页面里面的元素 document.getElementById(元素名)
document.getElementById('weather').innerHTML = xmlhttp.responseText;
}
}
</script>

<div id="weather"></div>
------解决方案--------------------
Ext.Ajax.request({
method:'post',
url:'test.jsp',
success:function(){},
failure:function(){},
params:{id:id,name:name}});


其中id:id中前面的id是你要传到后台的变量,后面的id是你在页面上获得的值,不要弄混了.这种传递方式是好使的,我一直在用,希望能够帮到你
------解决方案--------------------
当你想判断提交到后台的操作是否执行时,你可以返回一个串,形如:“{success:true,data:{msg:'成功'}}”.所以你在后台的时候应该这样写,response.getWriter().write("{success:true,data:{msg:'成功'}}");