suchen

Heim >Backend-Entwicklung >PHP-Tutorial >页面提交刷新有关问题

页面提交刷新有关问题

WBOY
WBOYOriginal
2016-06-13 12:22:031094Durchsuche

页面提交刷新问题
制作了一个简单页面：上面一排查询条件，点击查询，下半部分显示查询结果； 

现在问题是，点击查询后，怎么才能让上半部分不刷新，就是之前录入的查询信息不被清掉，求大家告知。
------解决思路----------------------
典型的Ajax应用
------解决思路----------------------
ajax就可以了。
给你写个简单例子：
client.html

<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br /><html><br /> <head><br />  <meta http-equiv="content-type" content="text/html;charset=utf-8"><br />  <title> 测试 </title><br />  <script src="//code.jquery.com/jquery-1.11.3.min.js"></script><br /> </head><br /><br /> <body><br />    <div>key:<input type="text" id="key"><input type="button" id="btn" value="search"></div><br />    <div id="show"></div><br />    <script type="text/javascript"><br />    $('#btn').click(function(){<br />        $.post("server.php",{key:$('#key').val()})<br />        .done(function(data){<br />          $('#show').html(data['key']);<br />        });<br />    })<br /><br />    </script><br /> </body><br /></html><br />


server.php
<br /><?php<br />$key = isset($_POST['key'])? $_POST['key'] : '';<br />header('content-type:application/json;charset=utf-8');<br />echo json_encode(array('key'=>'你输入的key是：'.$key));<br />?><br />

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：yii?textField,该如何解决Nächster Artikel：smarty?section循环报错

In Verbindung stehende Artikel

Mehr sehen