我的代码如下。我想将id = content发送到函数mr。然后将结果写入传递的id = result.Al虽然它只适用于这个html文件,我想让这个函数可用于另一个html页面,并希望在另一个util.js文件中添加这个函数。
Add Item:
<input type="text" name="name" id="content">
<br>
<button onclick="javascript:mr('POST',content,result,'post.php');"
type="button"
id="btn1">
Submit
</button>
<br>
<button onclick="javascript:mr('GET',content,result,'get.php');" type="button"
id="btn2" >
List Jobs
</button>
<div id="result"></div>
函数mr是这样的。它用于ajax post和get操作:
function mr(type,content,result,URL) {
var hr = new XMLHttpRequest();
//var content = document.getElementById("content").value;
var vars = "content=" +content;
if (type == 'GET')
URL = URL + '?' + vars;
hr.onreadystatechange = function() {
if (hr.readyState == 4 && hr.status == 200) {
var return_data = hr.responseText;
document.getElementById("result").innerHTML = return_data;
}
}
hr.open(type, URL, true);
hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
switch(type) {
case 'GET':
hr.send();
break;
case 'POST':
hr.send(vars);
break;
}
document.getElementById("result").innerHTML = "Processing...";
}
</script>
post.php中
<?php echo "POST\n"; if(isset($_POST)) print_r($_POST); ?>
get.php
<?php echo "GET\n"; if(isset($_GET)) print_r($_GET); ?>
当我点击提交时,我得到了以下输出。
POST Array ( [content] => [object HTMLInputElement] )
点击列表按钮输出:
GET Array ( [content] => [object HTMLInputElement] )
答案 0 :(得分:0)
这是因为这一行:
var vars = "content=" +content;
您发送的是实际的<input>
元素,而不是它的值或ID。你走在正确的轨道上,上面有注释掉的线。
要发送值,而不是输入对象:
var content = document.getElementById("content");
var vars = "content=" + content.value;
发送id:
var content = document.getElementById("content");
var vars = "content=" + content.id;