client.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> < html > < head > < meta http-equiv = "content-type" content = "text/html; charset=utf-8" > < title > jquery demo </ title > < script src = "//code.jquery.com/jquery-1.11.0.min.js" ></ script > < script type = "text/javascript" > function show(){ $.get( "server.php", function(data) { $(‘#txt‘).html(data.content); }, "json" ); } </ script > </ head > < body > < p >這裡不會被刷新</ p > < div id = "txt" >原來內容</ div > < input type = "button" value = "刷新內容" onclick = "show()" > </ body > </ html > |
server.php
1
2
3
4
5
6
7
|
<?php $ret = array (); $ret [ ‘content‘ ] = ‘新內容‘ ; echo json_encode( $ret ); ?> |
原文:http://www.cnblogs.com/xihong2014/p/5825197.html