{"id":468,"date":"2011-01-02T04:24:32","date_gmt":"2011-01-02T09:24:32","guid":{"rendered":"httpss:\/\/www.powenko.com\/wordpress\/?p=468"},"modified":"2019-09-12T20:41:43","modified_gmt":"2019-09-13T01:41:43","slug":"jquery","status":"publish","type":"post","link":"https:\/\/www.powenko.com\/wordpress\/?p=468","title":{"rendered":"jquery,"},"content":{"rendered":"

Post<\/h1>\n
\n

 <\/p>\n

\u9019\u500b\u4e3b\u8981\u662f\u7df4\u7fd2\u4f7f\u7528 jQuery \u505a ajax POST \u7684\u52d5\u4f5c.\u7136\u5f8c\u628a\u7d50\u679c\u585e\u56de\u7db2\u9801\u4e0a\u9762.<\/p>\n

\u5148\u7c21\u55ae\u5beb\u500b helloworld \u7684 php. \u9650\u5b9a\u5b83\u53ea\u63a5\u6536 POST method.<\/p>\n

\n\n\n\n
\n
1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7<\/pre>\n<\/td>\n
\n
<?<\/span>\r\nif<\/span> (<\/span>isset<\/span>(<\/span>$_POST<\/span>[<\/span>\"name\"<\/span>]<\/span>)<\/span>)<\/span> {<\/span>\r\n    echo<\/span> \u201caloha \u201c.<\/span>$_POST<\/span>[<\/span>\"name\"<\/span>]<\/span>;<\/span>\r\n}<\/span> else<\/span> {<\/span>\r\n    echo<\/span> \u201cget out!<\/span>\u201d;<\/span>\r\n}<\/span>\r\n?><\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\u5728html\u5167\u5f04\u500b\u5340\u584a\u986f\u793a\u56de\u50b3\u503c:<\/p>\n
\n\n\n\n
\n
1<\/pre>\n<\/td>\n
\n
<div class=\u201dmessage\u201d><\/div><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
jQuery \u90e8\u4efd\u53ea\u8981\u5beb\u4e0b\u9762\u7d66\u884c codes\u5c31\u53ef\u4ee5\u9054\u6210 :<\/p>\n
\n\n\n\n
\n
1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9<\/pre>\n<\/td>\n
\n
<<\/span>script type=<\/span>\u201dtext\/<\/span>javascript\u201d><\/span>\r\n    $(<\/span>document)<\/span>.ready<\/span>(<\/span>function<\/span>(<\/span>)<\/span> {<\/span>\r\n        $.post<\/span>(<\/span>\u2019helloworld.php<\/span>\u2019,<\/span>{<\/span>\r\n            name<\/span>:<\/span> \u201csam\u201d\r\n        }<\/span>,<\/span> function<\/span>(<\/span>txt)<\/span>{<\/span>\r\n            $(<\/span>\u2019div.message<\/span>\u2019)<\/span>.html<\/span>(<\/span>txt)<\/span>;<\/span>\r\n        }<\/span>)<\/span>;<\/span>\r\n    }<\/span>)<\/span>;<\/span>\r\n<\/<\/span>script><\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\u9019\u6a23\u5c31\u5b8c\u6210\u4e86\u7c21\u55ae\u7684 jQuery \u4f7f\u7528 ajax \u547c\u53ebPOST method. \u770b\u4e00\u4e0b\u00a0DEMO<\/a><\/p>\n<\/div>\n
Button<\/h1>\n
Add 2 button, click<\/h2>\n
$(‘#dialog_reTry’).click(function(){<\/div>\n
$(‘#dialog’).dialog(‘close’);<\/div>\n
return false;<\/div>\n
});<\/div>\n
$(‘.dialog_button, ul#icons li’).hover(<\/div>\n
function() { $(this).addClass(‘ui-state-hover’); },<\/div>\n
function() { $(this).removeClass(‘ui-state-hover’); }<\/div>\n
);<\/div>\n
$(‘#dialog_reTry’).click(function(){
\n$(‘#dialog’).dialog(‘close’);
\nreturn false;
\n}); $(‘.dialog_button, ul#icons li’).hover( function() { $(this).addClass(‘ui-state-hover’); },\u00a0 function() { $(this).removeClass(‘ui-state-hover’); } );<\/p>\n
});<\/p>\n
<\/script><\/p>\n
<style type=”text\/css”><\/p>\n
\/*demo page css*\/<\/p>\n
.dialog_button {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}<\/p>\n
.dialog_button span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}<\/p>\n
#dialog_signUp {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}<\/p>\n
#dialog_signUp span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}<\/p>\n
<\/style><\/p>\n
<a href=”#” id=”dialog_retry” class=”ui-state-default ui-corner-all dialog_button”>Retry<\/a><\/p>\n
<a href=”#” id=”dialog_signUp” class=”ui-state-default ui-corner-all dialog_button”>Sing Up<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Post   \u9019\u500b\u4e3b\u8981\u662f\u7df4\u7fd2\u4f7f\u7528 jQuery \u505a ajax POST \u7684\u52d5\u4f5c.\u7136\u5f8c\u628a\u7d50\u679c\u585e\u56de\u7db2\u9801\u4e0a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[333],"tags":[],"class_list":["post-468","post","type-post","status-publish","format-standard","hentry","category-ch10-ajax"],"_links":{"self":[{"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/468"}],"collection":[{"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=468"}],"version-history":[{"count":5,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/468\/revisions"}],"predecessor-version":[{"id":12168,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/468\/revisions\/12168"}],"wp:attachment":[{"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.powenko.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}