{"id":3238,"date":"2014-11-11T09:34:40","date_gmt":"2014-11-11T01:34:40","guid":{"rendered":"https:\/\/sdeno.com\/?p=3238"},"modified":"2015-01-28T21:38:33","modified_gmt":"2015-01-28T13:38:33","slug":"%e9%94%8b%e5%88%a9%e7%9a%84jquery%e5%9f%ba%e4%ba%8eajax%e5%ae%8c%e6%88%90%e7%9a%84%e8%81%8a%e5%a4%a9%e5%ae%a4%e6%a1%88%e4%be%8b","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=3238","title":{"rendered":"\u950b\u5229\u7684jQuery\u57fa\u4e8eajax+PHP\u5b8c\u6210\u7684\u804a\u5929\u5ba4\u6848\u4f8b"},"content":{"rendered":"
<\/div>
<\/div><\/div><\/div>\"ajax_\"<\/figure><\/a>\n

\u950b\u5229\u7684jQuery\u57fa\u4e8eajax\u5b8c\u6210\u7684\u804a\u5929\u5ba4\u6848\u4f8b\u3002\u5728\u7f51\u4e0a\u641c\u7d22\u5e76\u6ca1\u6709\u5f88\u9f50\u5168\u7684\u6848\u4f8b\uff0c\u6709\u4f46\u662f\u6559\u7a0b\u4e0d\u5177\u4f53\u52a0\u4e0a\u81ea\u5df1\u4e5f\u5728\u5b66\u4e60ajax\u4e5f\u987a\u4fbf\u505a\u4e00\u4e2a\u7b80\u5355\u7684\u804a\u5929\u5ba4\u6765\u5e2e\u52a9\u7406\u89e3ajax\u3002\u5b8c\u6210\u7684\u5927\u6982\u601d\u8def\u5982\u4e0b\uff1a<\/p>\n

1\uff0c\u7528\u6237\u63d0\u4ea4\u6570\u636e\u65f6\uff0c\u6570\u636e\u4e0d\u4f1a\u9a6c\u4e0a\u88ab\u670d\u52a1\u5668\u63a5\u53d7\uff0c\u800c\u662f\u9700\u8981data\u6765\u83b7\u53d6\u7528\u6237\u63d0\u4ea4\u7684\u6570\u636e\u4e4b\u540e\u4f20\u7ed9\u670d\u52a1\u5668\uff0c\u670d\u52a1\u5668\u624d\u53bb\u83b7\u53d6data\u4f20\u6765\u7684\u6570\u636e\u3002<\/p>\n

2\uff0c\u670d\u52a1\u5668\u83b7\u53d6\u5230\u7684\u6570\u636e\u8981\u5b58\u5165\u5230\u6570\u636e\u5e93\u4e2d\uff0c\u4e4b\u540e\u670d\u52a1\u5668\u8fd8\u8981\u5c06\u521a\u521a\u83b7\u53d6\u5230\u7684\u6570\u636e\u91cd\u65b0\u8ffd\u52a0\u5e76\u66f4\u65b0\u8f93\u51fa\u6700\u65b0\u7684\u6570\u636e\u663e\u793a\u5728\u9875\u9762\u4e0a\u3002<\/p>\n

3\uff0c\u670d\u52a1\u5668\u6700\u65b0\u8f93\u51fa\u7684\u6570\u636e\u5c06\u4f1a\u88abajax\u83b7\u53d6\u5e76\u8f93\u51fa\u5230\u5ba2\u6237\u7aef\u9875\u9762\uff0c\u4ece\u800c\u8fbe\u5230\u5c40\u90e8\u5237\u65b0\uff0c\u66f4\u65b0\u6570\u636e\u7684\u6548\u679c\u3002<\/p>\n

jquery\uff1a<\/p>\n

<script>\r\n$(function(){\r\n \r\n updata(); \/\/\u52a0\u8f7d\u9875\u9762\u9ed8\u8ba4\u8fd0\u884c\r\n $('button').click(function(){ \/\/\u70b9\u51fb\u6309\u94ae\u89e6\u53d1\r\n \r\n if( $(':input').val()=='' ) {alert('\u6570\u636e\u4e0d\u80fd\u4e3a\u7a7a\uff0c\u968f\u4fbf\u8bf4\u70b9\u4ec0\u4e48\u5427');return false;} \/\/\u5982\u679c\u8868\u5355\u90fd\u662f\u7a7a \u5c31\u7981\u6b62 \u53ea\u6267\u884c\u4ee5\u4e0bajax \r\n $.ajax({\r\n type:'POST', \/\/\u8868\u5355\u4ee5post\u53d1\u9001\u7ed9\u670d\u52a1\u5668\uff0c\u5ba2\u6237\u7aef\u5c31\u8981\u4ee5post\u63a5\u53d7\r\n url:'1.php', \/\/\u5411\u6b64\u9875\u9762\u7d22\u8981\u4fe1\u606f\r\n data:$(':input').serialize(), \/\/\u8981\u5411\u670d\u52a1\u5668\u63d0\u4ea4\u7684\u5185\u5bb9\r\n success: function(response,status,xhr){ \/\/\u8bf7\u6c42\u7684\u5185\u5bb9\u6210\u529f\u6267\u884c\u4ee5\u4e0b\u4ee3\u7801\r\n $(':input[name=msg]').val(''); \/\/ \u5185\u5bb9\u90e8\u5206\u6e05\u7a7a\r\n $('#load_msg2').text(''); \/\/\u6e05\u7a7a\u5185\u5bb9\r\n $('#load_msg2').append(response); \/\/\u91cd\u65b0\u52a0\u8f7d\u5185\u5bb9\r\n \r\n }\r\n });\r\n return false; \/\/\u963b\u6b62\u8868\u5355\u9ed8\u8ba4\u8df3\u8f6c\u884c\u4e3a\r\n });\r\n \r\n \r\n function updata(){\r\n \r\n $('#load_msg').animate({scrollTop:$('#load_msg2').height()-$('#load_msg').height()}); \/\/\u6eda\u52a8\u6761\u81ea\u52a8\u62c9\u5230\u5e95\u90e8\r\n $.ajax({\r\n type:'POST',\r\n url:\"1.php\",\r\n success: function(response,status,xhr){\r\n $('#load_msg2').text('');\r\n $('#load_msg2').append(response);\r\n \r\n }\r\n });\r\n \r\n }\r\n \r\n setInterval(updata,500);\r\n \r\n \r\n});\r\n<\/script><\/pre>\n
HTML\uff1a<\/p>\n
<div id=\"wrap\">\r\n <div id=\"load_msg\" style=\" height:300px; overflow:scroll; overflow-x:hidden;\">\r\n <div id=\"load_msg2\"><\/div>\r\n <\/div>\r\n \r\n <br><br>\r\n <form method=\"post\" action=\"1.php\">\r\n \u59d3\u540d\uff1a<input type=\"text\" name=\"name\"><br><br>\r\n \u5185\u5bb9\uff1a<textarea name=\"msg\" style=\"width:290px; height:150px;\"><\/textarea><br><br>\r\n <button>\u63d0\u4ea4\u5185\u5bb9<\/button>\r\n <\/form>\r\n (\u521d\u6b21\u8fdb\u5165\u968f\u4fbf\u5199\u70b9\u5185\u5bb9\u624d\u80fd\u663e\u793a\u5176\u4ed6\u5185\u5bb9)\r\n<\/div><\/pre>\n
 <\/p>\n
http:\/\/pan.baidu.com\/s\/1dDcnCB3<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u950b\u5229\u7684jQuery\u57fa\u4e8eajax\u5b8c\u6210\u7684\u804a\u5929\u5ba4\u6848\u4f8b\u3002\u5728\u7f51\u4e0a\u641c\u7d22\u5e76\u6ca1\u6709\u5f88\u9f50\u5168\u7684\u6848\u4f8b\uff0c\u6709\u4f46\u662f\u6559\u7a0b\u4e0d\u5177\u4f53\u52a0\u4e0a\u81ea\u5df1\u4e5f\u5728\u5b66\u4e60 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,13],"tags":[],"class_list":["post-3238","post","type-post","status-publish","format-standard","hentry","category-11","category-jquery"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/3238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3238"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/3238\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}