将表单字段值传递给PHP文件

时间:2012-09-13 20:57:29

标签: php jquery html

我想使用jQuery和PHP做一个动态搜索功能。 我正在努力将HTML表单字段传递给JQUERY函数(然后将其传递给PHP文件)。

我的主要问题是:

1)如何将“输入”字段传递给Jquery函数?

2)如何以“输出”字段的形式获得PHP结果?

我目前有...(简化)

JQUERY:
$.get("SEARCH.php", {"_input" :  $('input[name=input]').val()},
function(returned_data) 
{
   $("input[name=output]").val(returned_data);
}


SEARCH.php:
$input = 'Welcome ' . $_GET['_input'];
echo $input;
//should be "Welcome" plus whatever I type in to "input"



HTML FORM:
input: <input type="text" name="input" value="" /> 
output: <input type="text" name="output" id="output" />         

谢谢!

2 个答案:

答案 0 :(得分:6)

<强>的jQuery

$.get("SEARCH.php", {"_input" : $('input[name=input]').val() },
function(returned_data) {
   $("input[name=output]").val( returned_data );
}

<强> HTML

input: <input type="text" name="input" value="" />
output: <input type="text" name="output" />

PHP 使用echo代替return,因为它看起来您的代码不在函数中:

$input = $_GET['_input'];
do some parsing of the input
echo $result;

答案 1 :(得分:3)

的jQuery

$.get("SEARCH.php", {"_input" : $('input[name=input]').val() },
function(returned_data) {
    $('#output').val(returned_data);
});

PHP

$input = $_GET['_input'];
do some parsing of the input
echo $result; // not return

HTML

input: <input type="text" name="input" value="" />
output: <input type="text" name="result" id="output" value="" />