Fatal编程技术网
  • php/
  • 如何修改一个可以制作一组post按钮的PHPAJAX？

如何修改一个可以制作一组post按钮的PHPAJAX？

php ajax post

如何修改一个可以制作一组post按钮的PHPAJAX？,php,ajax,post,Php,Ajax,Post,我想设置一组post按钮，用ajax发送每个值。如何修改js部件 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script language="javascript"> function saveUserInfo() { var msg = document.getElementById("msg"); var f = document.user_i

我想设置一组post按钮，用ajax发送每个值。如何修改js部件

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript">
function saveUserInfo()
{
var msg = document.getElementById("msg");
var f = document.user_info;
var userName = f.user_name.value;
var url = "value.php";
var postStr   = "user_name="+ userName;
          var ajax = false;
         if(window.XMLHttpRequest) {
                 ajax = new XMLHttpRequest();
                 if (ajax.overrideMimeType) {
                         ajax.overrideMimeType("text/xml");
                 }
         }
         else if (window.ActiveXObject) {
                 try {
                         ajax = new ActiveXObject("Msxml2.XMLHTTP");
                 } catch (e) {
                         try {
                                 ajax = new ActiveXObject("Microsoft.XMLHTTP");
                         } catch (e) {}
                 }
         }
         if (!ajax) {
                 window.alert("wrong");
                 return false;
         }
ajax.open("POST", url, true);
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send(postStr);
ajax.onreadystatechange = function() {
   if (ajax.readyState == 4 && ajax.status == 200) {
    msg.innerHTML = ajax.responseText;
   }
}
}
</script>
</head>
<body >
<div id="msg"></div>
<form name="user_info" id="user_info" method="post">
<input name="user_name" type="hidden" value="abc" /><br />
<input type="button" value="abc" onClick="saveUserInfo()">
<input name="user_name1" type="hidden" value="def" /><br />
<input type="button" value="def" onClick="saveUserInfo()">
<input name="user_name2" type="hidden" value="ghi" /><br />
<input type="button" value="ghi" onClick="saveUserInfo()">
</form>
</body>


函数saveUserInfo（）
{
var msg=document.getElementById（“msg”）；
var f=document.user\u信息；
var userName=f.user\u name.value；
var url=“value.php”；
var postStr=“user_name=”+用户名；
var ajax=false；
if（window.XMLHttpRequest）{
ajax=新的XMLHttpRequest（）；
if（ajax.overrideMimeType）{
overrideMimeType（“text/xml”）；
}
}
else if（window.ActiveXObject）{
试一试{
ajax=新的ActiveXObject（“Msxml2.XMLHTTP”）；
}捕获（e）{
试一试{
ajax=新的ActiveXObject（“Microsoft.XMLHTTP”）；
}捕获（e）{}
}
}
if（！ajax）{
窗口。警报（“错误”）；
返回false；
}
open（“POST”，url，true）；
setRequestHeader（“内容类型”、“应用程序/x-www-form-urlencoded”）；
发送（postStr）；
ajax.onreadystatechange=函数（）{
if（ajax.readyState==4&&ajax.status==200）{
msg.innerHTML=ajax.responseText；
}
}
}
试试看


函数saveUserInfo（自定义值）
{
var msg=document.getElementById（“msg”）；
var f=document.user\u信息；
var userName=f.user\u name.value；
var url=“value.php”；
var postStr=“user_name=“+userName+”&custom_value=“+custom_value；
var ajax=false；
if（window.XMLHttpRequest）{
ajax=新的XMLHttpRequest（）；
if（ajax.overrideMimeType）{
overrideMimeType（“text/xml”）；
}
}
else if（window.ActiveXObject）{
试一试{
ajax=新的ActiveXObject（“Msxml2.XMLHTTP”）；
}捕获（e）{
试一试{
ajax=新的ActiveXObject（“Microsoft.XMLHTTP”）；
}捕获（e）{}
}
}
if（！ajax）{
窗口。警报（“错误”）；
返回false；
}
open（“POST”，url，true）；
setRequestHeader（“内容类型”、“应用程序/x-www-form-urlencoded”）；
发送（postStr）；
ajax.onreadystatechange=函数（）{
if（ajax.readyState==4&&ajax.status==200）{
msg.innerHTML=ajax.responseText；
}
}
}
我所做的是向saveUserInfo函数添加了一个参数，并将其与post请求一起发送。

现在，如果我复制一个
函数saveUserInfo（）
并重命名它，它可以工作，但我将有三个js代码
函数saveUserInfo（）
，
函数saveUserInfo1（）
，
函数saveUserInfo2（）
。如何修改以使代码最小化？谢谢，它仍然不起作用，我认为这一行
var userName=f.user\u name.value
，也应修改
用户名
。 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript">
function saveUserInfo(custom_value)
{
var msg = document.getElementById("msg");
var f = document.user_info;
var userName = f.user_name.value;
var url = "value.php";
var postStr   = "user_name="+ userName + "&custom_value=" + custom_value;
          var ajax = false;
         if(window.XMLHttpRequest) {
                 ajax = new XMLHttpRequest();
                 if (ajax.overrideMimeType) {
                         ajax.overrideMimeType("text/xml");
                 }
         }
         else if (window.ActiveXObject) {
                 try {
                         ajax = new ActiveXObject("Msxml2.XMLHTTP");
                 } catch (e) {
                         try {
                                 ajax = new ActiveXObject("Microsoft.XMLHTTP");
                         } catch (e) {}
                 }
         }
         if (!ajax) {
                 window.alert("wrong");
                 return false;
         }
ajax.open("POST", url, true);
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send(postStr);
ajax.onreadystatechange = function() {
   if (ajax.readyState == 4 && ajax.status == 200) {
    msg.innerHTML = ajax.responseText;
   }
}
}
</script>
</head>
<body >
<div id="msg"></div>
<form name="user_info" id="user_info" method="post">
<input name="user_name" type="hidden" value="abc" /><br />
<input type="button" value="abc" onClick="saveUserInfo('abc')">
<input name="user_name1" type="hidden" value="def" /><br />
<input type="button" value="def" onClick="saveUserInfo('def')">
<input name="user_name2" type="hidden" value="ghi" /><br />
<input type="button" value="ghi" onClick="saveUserInfo('ghi')">
</form>
</body>