ajax の簡単な紹介

一个新手
リリース: 2017-10-10 10:15:20
オリジナル
1369 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート