ホームページ > 記事 > ウェブフロントエンド > 5 つの一般的な Ajax 送信方法を理解する
AJAX の一般的に使用される 5 つの送信メソッドを理解するには、具体的なコード例が必要です。
AJAX (非同期 JavaScript および XML) は、対話型 Web アプリケーションの作成に使用されるメソッドです。 。 テクノロジー。これにより、ページ全体を更新せずに、サーバーとの非同期通信を通じて部分的なページ コンテンツを更新できます。 AJAX は、ユーザーに優れたインタラクティブなエクスペリエンスを提供するために、最新の Web 開発で広く使用されています。
AJAX では、データの送信は非常に重要な部分です。以下では、一般的に使用される 5 つの AJAX 送信メソッドと、各メソッドの具体的なコード例を紹介します。
var xmlhttp = new XMLHttpRequest(); var url = "server.php?name=John&age=20"; xmlhttp.open("GET", url, true); xmlhttp.send();
var xmlhttp = new XMLHttpRequest(); var url = "server.php"; var params = "name=John&age=20"; xmlhttp.open("POST", url, true); xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { // 请求成功后的处理逻辑 console.log(xmlhttp.responseText); } }; xmlhttp.send(params);
var xmlhttp = new XMLHttpRequest(); var url = "server.php"; var formData = new FormData(); formData.append("name", "John"); formData.append("age", "20"); xmlhttp.open("POST", url, true); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { // 请求成功后的处理逻辑 console.log(xmlhttp.responseText); } }; xmlhttp.send(formData);
var xmlhttp = new XMLHttpRequest(); var url = "server.php"; var data = {name: "John", age: 20}; xmlhttp.open("POST", url, true); xmlhttp.setRequestHeader("Content-type", "application/json"); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { // 请求成功后的处理逻辑 console.log(xmlhttp.responseText); } }; xmlhttp.send(JSON.stringify(data));
var xmlhttp = new XMLHttpRequest(); var url = "server.php"; var xmlData = '<?xml version="1.0" encoding="UTF-8"?><data><name>John</name><age>20</age></data>'; xmlhttp.open("POST", url, true); xmlhttp.setRequestHeader("Content-type", "text/xml"); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { // 请求成功后的处理逻辑 console.log(xmlhttp.responseText); } }; xmlhttp.send(xmlData);
上記は、一般的に使用される 5 つの AJAX 送信メソッドの具体的なコード例です。これらの送信方法を理解して実践することで、AJAX テクノロジーをより適切に使用してデータを処理し、Web アプリケーションのユーザー エクスペリエンスを向上させることができます。
以上が5 つの一般的な Ajax 送信方法を理解するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。