{"id":297,"date":"2015-07-29T09:55:12","date_gmt":"2015-07-29T01:55:12","guid":{"rendered":"https:\/\/www.webteach.tw\/?p=297"},"modified":"2015-07-29T09:55:12","modified_gmt":"2015-07-29T01:55:12","slug":"jquery-ajax-demo","status":"publish","type":"post","link":"https:\/\/www.webteach.tw\/?p=297","title":{"rendered":"[ JQUERY ] – AJAX DEMO"},"content":{"rendered":"\n

AJAX \u57fa\u672c\u683c\u5f0f<\/p>\n\n\n

$.ajax({\ntype : 'POST', \/\/ \u53c3\u6578\u50b3\u9001\u65b9\u5f0f\nurl : 'test.php', \/\/ \u57f7\u884c\u9801\u9762\ndata : { key:value,key:value}, \/\/ \u50b3\u9001\u8cc7\u6599\ndataType : 'json',\/\/ \u8fd4\u56de\u683c\u5f0f(xml\/html\/script\/json\/jsonp\/text)\nsuccess : function(data) { \/\/ \u57f7\u884c\u6210\u529f\u5f8c\u57f7\u884c\u6b64\u51fd\u5f0f\n\/\/\u5047\u8a2d\u56de\u50b3\u7684json \u683c\u5f0f\u70ba{\"status\":\"fail\",\"error_msg\",\"\u627e\u4e0d\u5230\u76f8\u95dc\u8cc7\u6599\"}\nif(data.status=='fail'){alert(data.error_msg);}\/\/\u82e5\u72c0\u614b\u70ba\u5931\u6557 \u5c31\u8f38\u51fa\u932f\u8aa4\u8a0a\u606f\nelse{dosomething...}\/\/\n}\n}).fail(function() {alert('\u932f\u8aa4');});\/\/\u57f7\u884c\u5931\u6557\u6642\u57f7\u884c\u6b64\u51fd\u5f0f<\/code><\/pre>\n\n\n
\u5be6\u969b\u7bc4\u4f8b\uff1a
\u9ede\u6211\u958b\u59cb\u7bc4\u4f8b<\/a>
ajax_demo_form.html
\u8868\u55ae\u8f38\u5165\u59d3\u540d\uff0c\u9078\u64c7\u59d3\u5225\u5f8c\u900f\u904eajax\u7684\u65b9\u5f0f\u53bb\u547c\u53eb show.php
show.php\u4e2d\u6703\u63a5\u5230 \u59d3\u540d\u8207\u59d3\u5225(\u7576\u59d3\u5225\u70ba\u7537\u6642\u56de\u50b3 \u5148\u751f \/\u5973 \u56de\u50b3 \u5c0f\u59d0)
\u5728 ajax_demo_form.html \u4ee5alert\u7684\u65b9\u5f0f\u79c0\u51fa xxx \u5148\u751f \u4f60\u597d\uff01<\/p>\n\n\n
ajax_demo_form.html<\/p>\n\n\n
<!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"utf-8\"\/>\n<title>ajax \u57fa\u790e\u7bc4\u4f8b<\/title>\n<\/head>\n<body>\n\u59d3\u540d\uff1a<input id=\"name\" name=\"name\" type=\"text\">\n\u59d3\u5225\uff1a<select id=\"sex\" name=\"sex\">\n<option value='m'>\u7537<\/option>\n<option value='f'>\u5973<\/option>\n<\/select>\n<button type=\"button\" id=\"send\" class=\"btn btn-primary btn-lg\" >\u9001\u51fa<\/button>\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.10.2\/jquery.min.js\"><\/script>\n<script>\n$(document).ready(function() {\n$('#send').click(function(){\nif($('#name').val()==''){alert('\u59d3\u540d\u4e0d\u53ef\u70ba\u7a7a');}else{show();}\n});\n});\nfunction show(){\n$.ajax({\ntype : 'POST', \/\/ \u4fee\u6539\u4e32\u63a5\u65b9\u5f0f\nurl : 'show.php', \/\/ \u4fee\u6539\u4e32\u63a5\u9801\u9762\ndata : {name:$('#name').val(),sex:$('#sex').val()}, \/\/ \u4fee\u6539\u50b3\u9001\u8cc7\u6599\ndataType : 'json',\nsuccess : function(data1) { \/\/\u56de\u50b3\u503c\u5e36\u5165\nalert(data1.name+' '+data1.sex+' \u4f60\u597d\uff01' );\n}\n}).fail(function (jqXHR, textStatus, msg) {alert(msg);});\n}\n<\/script>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n
show.php<\/p>\n\n\n
<?php\n$name=$_POST['name'];\n$sex=$_POST['sex'];\n$arr=array();\n$arr['name']=$name;\/\/\u4ee5 \u9663\u5217 \u9375\/\u503c \u7684\u65b9\u5f0f\u5132\u5b58\n$arr['sex']=($sex=='m'?'\u5148\u751f':'\u5c0f\u59d0');\/\/\u5c07\u59d3\u5225\u8f49\u63db\u6210\u76f8\u5c0d\u61c9\u7684 \u7a31\u8b02\necho json_encode($arr);\n?><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
AJAX \u57fa\u672c\u683c\u5f0f \u5be6\u969b\u7bc4\u4f8b\uff1a\u9ede\u6211\u958b\u59cb\u7bc4\u4f8bajax…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[103],"class_list":["post-297","post","type-post","status-publish","format-standard","hentry","category-jquery","tag-ajax"],"_links":{"self":[{"href":"https:\/\/www.webteach.tw\/index.php?rest_route=\/wp\/v2\/posts\/297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webteach.tw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webteach.tw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webteach.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webteach.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=297"}],"version-history":[{"count":0,"href":"https:\/\/www.webteach.tw\/index.php?rest_route=\/wp\/v2\/posts\/297\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.webteach.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webteach.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webteach.tw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}