Javascript 通过AJAX、PHP获取价值
我有一个带有三个参数的ajax函数。第一个参数保存ajax函数调用时所指向的url。第二个参数包含包含最终输出的div的id名称。第三个参数包含一个变量,该变量可以存储在POST中,以便在调用ajax函数时发送到url,以便可以对其进行回显,并发送到原始页面上id为“output”的div 我的问题是:是否有任何方法可以获取输入类型submit中的值,以便将其存储在POST中,以便在调用ajax函数时发送到url,以便它可以被回显,并且可以在原始页面上id为“output”的div中看到 因此,输入类型submit中的值将是“submit” test1.phpJavascript 通过AJAX、PHP获取价值,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我有一个带有三个参数的ajax函数。第一个参数保存ajax函数调用时所指向的url。第二个参数包含包含最终输出的div的id名称。第三个参数包含一个变量,该变量可以存储在POST中,以便在调用ajax函数时发送到url,以便可以对其进行回显,并发送到原始页面上id为“output”的div 我的问题是:是否有任何方法可以获取输入类型submit中的值,以便将其存储在POST中,以便在调用ajax函数时发送到url,以便它可以被回显,并且可以在原始页面上id为“output”的div中看到 因此,
函数ajaxPass(gotour、输出、输入){
$.ajax({
类型:“POST”,
网址:Gotour,
数据:{input:input},
错误:函数(xhr,状态,错误){alert(error);},
成功:功能(数据){
document.getElementById(输出).innerHTML=数据;
}
});
}
test2.php
我不确定我是否理解,但我将尝试回答这部分: 是否有任何方法可以获取输入类型submit中的值
可以如果我想要一个输入类型的文本,当您按enter键时,您通过AJAX获得输入类型文本的值,该怎么办?同样,enter模拟提交(通常只是为了防止只有一个其他输入元素)。最好的方法可能是在表单元素上放置一个
onsubmit
监听器,并从回调函数中读取文本输入值,无需直接传入。嗯……我想我不明白。This.value获取它所在的标记的值,对吗?因此,如果ajax函数在表单标记中,如果它有表单标记,它不会得到表单的值吗?如果您提供一些示例代码,我会理解得更好。您是正确的,这就是为什么我说不要传入值,而是在函数内部读取它,如document.getElementById('textElementIDHere')。value
。我将在更新中向您展示。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type = "text/javascript">
function ajaxPass(gotoUrl,output,input) {
$.ajax({
type: "POST",
url: gotoUrl,
data: { input : input },
error: function(xhr,status,error){alert(error);},
success:function(data) {
document.getElementById( output ).innerHTML = data;
}
});
}
</script>
<input type = "submit" name = "submit" value = "submit" onclick = "ajaxPass('test2.php','output','input')">
<div id = 'output'> </div>
<?php
$input = $_POST['input'];
echo $input;
?>
<input type = "submit" name = "submit" value = "submit" onclick = "ajaxPass('test2.php','output',this.value)">