ajax获取并以post方式发送表单数据
日期：2014-05-16 浏览次数：20473 次
求助：ajax获取并以post方式发送表单数据
<html>
<head>
</br>
you can add a data into this table
</br>
<script type="text/javascript">
function loadXMLDoc ()
{
var xmlhttp;
xmlhttp=new XMLHttpRequest ();
xmlhttp.open("POST","insert.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("name&sex&birth");
}
</script>
</head>
<body>
name: <input type="text" name="name" />
sex: <input type="text" name="sex" />
birth: <input type="date" name="birth" />
<button type="button" onclick="loadXMLDoc ()">submit </button>
</body>
</html>
以上是网页代码，求助如何获取表单中的数据并用xmlhttp.send发送给insert.php
新人初学，还请多多关照
------解决方案--------------------
把你前台的页面换成下面的
<html>
<head>
</br>
you can add a data into this table
</br>
<script type="text/javascript">
function loadXMLDoc ()
{
var xmlhttp;
var name = document.getElementById("name").value;
var sex = document.getElementById("sex").value;
var birth = document.getElementById("birth").value;
xmlhttp=new XMLHttpRequest ();
xmlhttp.onreadystatechange = function()
{
if (xmlhttp.readyState == 4 && xmlhttp.responseText)
{
alert(xmlhttp.responseText);
}
}
xmlhttp.open("POST","./insert.php",true);
xmlhttp.setRequestHeader('content-type','application/x-www-form-urlencoded');
xmlhttp.send("name="+name+"&sex="+sex+"&birth="+birth);
}
</script>
</head>
<body>
name: <input type="text" name="name" id="name" />
sex: <input type="text" name="sex" id="sex"/>
birth: <input type="date" name="birth" id="birth"/>
<button type="button" onclick="loadXMLDoc ()">submit </button>
</body>
</html>
<html>
<head>
</br>
you can add a data into this table
</br>
<script type="text/javascript">
function loadXMLDoc ()
{
var xmlhttp;
xmlhttp=new XMLHttpRequest ();
xmlhttp.open("POST","insert.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("name&sex&birth");
}
</script>
</head>
<body>
name: <input type="text" name="name" />
sex: <input type="text" name="sex" />
birth: <input type="date" name="birth" />
<button type="button" onclick="loadXMLDoc ()">submit </button>
</body>
</html>
以上是网页代码，求助如何获取表单中的数据并用xmlhttp.send发送给insert.php
新人初学，还请多多关照
php
ajax
------解决方案--------------------
把你前台的页面换成下面的
<html>
<head>
</br>
you can add a data into this table
</br>
<script type="text/javascript">
function loadXMLDoc ()
{
var xmlhttp;
var name = document.getElementById("name").value;
var sex = document.getElementById("sex").value;
var birth = document.getElementById("birth").value;
xmlhttp=new XMLHttpRequest ();
xmlhttp.onreadystatechange = function()
{
if (xmlhttp.readyState == 4 && xmlhttp.responseText)
{
alert(xmlhttp.responseText);
}
}
xmlhttp.open("POST","./insert.php",true);
xmlhttp.setRequestHeader('content-type','application/x-www-form-urlencoded');
xmlhttp.send("name="+name+"&sex="+sex+"&birth="+birth);
}
</script>
</head>
<body>
name: <input type="text" name="name" id="name" />
sex: <input type="text" name="sex" id="sex"/>
birth: <input type="date" name="birth" id="birth"/>
<button type="button" onclick="loadXMLDoc ()">submit </button>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
