$.post · PHP/Python/前端/Linux 等等學習筆記

[TOC] ## 語法 ``` jQuery.post( url [, data ] [, success(data, textStatus, jqXHR) ] [, dataType ] ) 參數說明: dataType 從服務器返回的預期的數據類型。默認：智能判斷（xml, json, script, or html）。 ``` ## 示例 ### 返回json格式 ``` $.post("test.php", { "func": "getNameAndTime" }, function(data){ console.log(data.name); // John console.log(data.time); // 2pm }, "json"); ``` ### 完整示例 <details> <summary>index.html</summary> ``` <!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-latest.js"></script> </head> <body> <form action="/" id="searchForm"> <input type="text" name="name" placeholder="Search..." /> <input type="text" name="passwd" placeholder="Search..." /> <input type="submit" value="Search" /> </form> <script> $("#searchForm").submit(function(event) { event.preventDefault(); /* Send the data using post and put the results in a div */ let data = $(this).serialize(); // name=123&passwd=213 let url = $(this).attr("action"); $.post( url, data, function( data ) { var content = $( data ).find( '#content' ); $( "#result" ).empty().append( content ); } ); }); </script> </body> </html> ``` </details> <br />