ホームページ > ウェブフロントエンド > jsチュートリアル > Ajax リクエストの 5 つのステップ

Ajax リクエストの 5 つのステップ

angryTom
リリース: 2019-11-23 17:24:28
オリジナル
49419 人が閲覧しました

Ajax リクエストの 5 つのステップ

Ajax リクエストの 5 つのステップ

最初のステップは XMLHttpRequest オブジェクトを作成することです

2 番目のステップコールバック関数の登録です。

#3 番目のステップは、リクエスト情報の設定、open()、get


4 番目のステップは、リクエストの送信です。これは、


#5 番目のステップは、コールバック関数を作成することです

#

//第一步,创建XMLHttpRequest对象
var xmlHttp = new XMLHttpRequest();
function CommentAll() {
    //第二步,注册回调函数
    xmlHttp.onreadystatechange =callback1;
    //{
    //    if (xmlHttp.readyState == 4)
    //        if (xmlHttp.status == 200) {
    //            var responseText = xmlHttp.responseText;
    //        }
    //}
    //第三步,配置请求信息,open(),get
    //get请求下参数加在url后,.ashx?methodName = GetAllComment&str1=str1&str2=str2
    xmlHttp.open("post", "/ashx/myzhuye/Detail.ashx?methodName=GetAllComment", true);
    //post请求下需要配置请求头信息
    //xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    //第四步,发送请求,post请求下,要传递的参数放这
    xmlHttp.send("methodName = GetAllComment&str1=str1&str2=str2");//"
}
//第五步,创建回调函数
function callback1() {
    if (xmlHttp.readyState == 4)
        if (xmlHttp.status == 200) {
            //取得返回的数据
            var data = xmlHttp.responseText;
            //json字符串转为json格式
            data = eval(data);
            $.each(data,
                function(i, v) {
                    alert(v);
                });       
        }
}
ログイン後にコピー

バックグラウンド メソッド
private  void GetAllComment(HttpContext context)
        {
            //Params可以取得get与post方式传递过来的值。
            string methodName = context.Request.Params["methodName"];
            //QueryString只能取得get方式传递过来的值。
            string str1 = context.Request.Form["str1"];
            //取得httpRequest传来的值,包括get与post方式
            string str2 = context.Request["str2"];
            List<string> comments = new List<string>();
            comments.Add(methodName);
            comments.Add(str1);
            comments.Add(str2);
            //ajax接受的是json类型,需要把返回的数据转给json格式
            string commentsJson = new JavaScriptSerializer().Serialize(comments);
            context.Response.Write(commentsJson);
        }
ログイン後にコピー

この記事はここにあります。以上です。その他のエキサイティングなコンテンツについては、PHP 中国語 Web サイトの

JavaScript ビデオ チュートリアル

列に注目してください。

以上がAjax リクエストの 5 つのステップの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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