jsでajaxを書く方法

JavaScript での ajax の使用には 2 つの機能があります:

1. js にサーバー上のデータを読み取らせる.

2. 特定の状況下では更新を行わない、サーバー上のデータを読み取ります。たとえば、アカウントとパスワードが正しいかどうかを確認します。

ネットワーク リクエストには Get と Post の 2 種類があることはわかっていますが、それらの違いは何ですか?

Get メソッド: 共通のフォーム送信メソッド: URL;?name=value&name=value の後に値を送信します。

フォーム送信例:

<form  action="www.baidu.com " method="get" (默认是get方式)>
姓名:<input type="text" name="userName"></br>
密码:<input type="password" name="password">
<input type="submit" value="提交">
</from>

違い:

1. get メソッドは URL 経由でデータを送信し、post メソッドは http の Content 経由でデータを送信します

2. get 容量が小さいため適していませんビッグ データ (通常 4k ～ 10k) の場合、ポスト モードの容量は比較的大きく、通常、サーバーの容量は 2G に達します。

3. ファイルが大きすぎる場合、ポストは行われません。

4. get メソッドはセキュリティが低く、post の方が比較的安全です。安全な方は https のみを使用してください。

5 get メソッドにはキャッシュがありますが、post にはキャッシュがありません。サーバーへのメッセージの送信には Get の方が適しています。データを取得するには、サーバーへのデータの送信には post の方が適しています。

#JS で AJAX を記述するには 2 つの方法があります:

GET メソッド:

var ajaxObj=new XMLHttpRequest();
ajaxObj.open("GET","../php/ajaxSubmitData.php?data=tody is wind");
ajaxObj.send()
ajaxObj.onreadystatechange= function () {
    if(ajaxObj.readyState===4&&ajaxObj.status){
        alert("发送成功");    
    }
}

POST メソッド:

var ajaxObj=new XMLHttpRequest();
ajaxObj.open("POST","../PHP/ajaxSubmitData.php");
ajaxObj.setRequestHeader("Content-type","application/x-www-form-urlencoded");
// multipart/form-data 默认的以二进制方式传送
ajaxObj.send("data=我是post数据");
ajaxObj.onreadystatechange= function ()
if(ajaxObj.readyState===4&&ajaxObj.status===200){
alert("发送数据成功");
}
}

ajax は、ajaxObj.responseText によってサーバーから返されたデータを取得します。

ajax はサーバーにデータを送信します: get post

get: URL 書き換え (スプライシング) ---- smallデータ量が多い、単純なデータは安全ではない

post:send(data) リクエスト本文 (ページ上には表示されません) 大量のデータ、単純または複雑 データ セキュリティ

application/x -www-form-urlencoded は、フォームがデフォルトで文字列の形式で送信されることを意味します

multipart/form-data フォーム データはバイナリ ストリームの形式で送信されます

ajaxObj .setRequestHeader は実際にリクエスト ヘッダー (リクエスト メッセージ) の Content-type 値を変更します。

以上がjsでajaxを書く方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。