黄色电影一区二区,韩国少妇自慰A片免费看,精品人妻少妇一级毛片免费蜜桃AV按摩师 ,超碰 香蕉

• 前言
• 1.建立xmlhttprequest異步對(duì)象
• 2.創(chuàng)建http請(qǐng)求（設(shè)置請(qǐng)求方法和url）
• 3.發(fā)送數(shù)據(jù)
• 4.設(shè)置回調(diào)函數(shù)
• 5.在回調(diào)函數(shù)中對(duì)不同的響應(yīng)狀態(tài)進(jìn)行處理
• 案例實(shí)現(xiàn)
• 總結(jié)

 const xhr=new xmlhttprequest();

//get方式
xhr.open('get',url);
 
//post方式發(fā)送數(shù)據(jù)，需要設(shè)置請(qǐng)求頭
xhr.open('post',url);
xhr.setrequestheader('content-type','application/x-www-form-urlencoded');

//get不需要傳遞參數(shù)
xhr.send(null);
 
//post必須有參數(shù)
xhr.send('a=100&b=200&c=300');

xhr.onreadystatechange = callback；

function callback() {
     //判斷響應(yīng)狀態(tài)碼
     if(xhr.readystate===4){
        // 判斷交互是否成功
        if(xhr.status>=200&&xhr.status<300){
             // console.log(xhr.status);//狀態(tài)碼
             // console.log(xhr.statustext);//狀態(tài)字符串
             // console.log(xhr.getallresponseheaders());//所有響應(yīng)頭
             // console.log(xhr.response);//響應(yīng)體
 
             // 獲取服務(wù)器響應(yīng)的數(shù)據(jù)
             result.innerhtml=xhr.response;
        }else{
 
        }
    }
}

var text = $('#text')
var btn = $('#button')
var div = $('#div1')
btn.click(function(){
    var city = text.val()
    var url = "https://api.apishop.net/common/weather/get15daysweatherbyarea?apikey=******="+ city

    $.get(url, function(response){
        console.log(response)
        var list = response.result.daylist;
        console.log(list)
        for(var i = 0; i < list.length; i++){
            div.append("<ul>")
            div.append("<li>" + list[i].area + "</li>")
            div.append("<li>" + list[i].day_air_temperature + "</li>")
            div.append("<li>" + list[i].day_weather + "</li>")
            div.append("<li>" + list[i].day_wind_direction + "</li>")
            div.append("<li>" + list[i].day_wind_power + "</li>")
            div.append("</ul>")
        }

    }, "json")
})

var text = $('#text')
var btn = $('#button')
var div = $('#div1')
btn.click(function(){
                var url = "https://api.apishop.net/common/weather/get15daysweatherbyarea?apikey=******&area="

                $.post(url,{
                    // 傳入必須的參數(shù)
                    area:text.val()
                }, function(response){
                    console.log(response)
                    var list = response.result.daylist;
                    console.log(list)
                    for(var i = 0; i < list.length; i++){
                        div.append("<ul>")
                        div.append("<li>" + list[i].area + "</li>")
                        div.append("<li>" + list[i].day_air_temperature + "</li>")
                        div.append("<li>" + list[i].day_weather + "</li>")
                        div.append("<li>" + list[i].day_wind_direction + "</li>")
                        div.append("<li>" + list[i].day_wind_power + "</li>")
                        div.append("</ul>")
                    }

                }, "json")
            })