1.ajax ネイティブ
ajax には次の手順が含まれます: 1. AJAX オブジェクトを作成する; 2. HTTP リクエストを発行する; 3. サーバーから返されたデータを受信する; 4. Web ページのデータを更新する。 一言でまとめると、ajax はネイティブ XMLHttpRequest
オブジェクトを通じて HTTP リクエストを送信し、サーバーから返されたデータを処理します。
手順:
var xhr = createXHR();//创建对象 xhr.open(“方式”,”地址”,”标志位”);//初始化请求 xhr.setRequestHeader(“”,””);//设置http头信息 xhr.onreadystatechange =function(){}//指定回调函数 xhr.send();//发送请求
/ //1.创建xhr对象 var xhr; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); }else{ xhr = new ActiveXObject('Microsoft.XMLHTTP'); } //异步接受响应 xhr.onreadystatechange = function(){ if(xhr.readyState == 4){ if(xhr.status == 200){ //实际操作 ; } } } //发送请求 xhr.open('get',url,true); xhr.send();
2.jqueryはajaxをカプセル化する
$.ajax({ type : "get", url : '', dataType : "json", data:{}, success : function(data){ },error:function(){ console.log('fail'); } });
3.jsonpクロスドメイン原則
セキュリティ上の理由から、ブラウザはajaxクロスドメインデータ取得を禁止しています
ステップバイステップのデモンストレーションスクリプトsrc属性を読み込むjsファイルからデータを取得する方法
クロスドメインデータ取得の仕組みを説明する
(1)scriptタグを動的に作成する
(2 ) コールバックを定義する 関数
(3) 関数呼び出しを返す
(4) パラメーターまたはグローバル変数を渡す
以上がajax の簡単な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。