我正在研究搜索引擎,我对GET和POST方法有一个非常严重的问题.
我使用< input type =“button”/>每次按下按钮都要避免刷新页面.
按下按钮后,我显示了一个结果(google_map,monumet图片,规格).
现在的问题是,我想通过按此按钮提交并显示表单值结果(google_map,monumet picture,specs).
这是一个问题因为< input type =“button”/>没有提交表格值,我真的被卡住了.
解决方法:
当然,这是一个适合您的工作示例:
的index.PHP
<!DOCTYPE html>
<html>
<head>
<title>Working Example</title>
</head>
<body>
<form id="search-form">
<input type="text" name="text1" id="text1" value=""><br>
<input type="text" name="text2" id="text2" value=""><br>
<input type="text" name="text3" id="text3" value=""><br>
<input type="button" id="search-button" name="search-button" value="search">
</form>
<div id="response"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#search-button').click(function(){
$.ajax( {
type: "GET",
url: 'response.PHP',
data: $('#search-form').serialize(),
success: function(response) {
$('#response').html(response);
}
} );
});
});
</script>
</body>
</html>
response.PHP
<?PHP
echo "text1: " . $_GET['text1'] . "<br>";
echo "text2: " . $_GET['text2'] . "<br>";
echo "text3: " . $_GET['text3'] . "<br>";
echo "your response ...";
在回复中,您将返回您的响应,以及表单字段.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。