아약스 학습의 JQ

아약스 - 앞면과 뒷면 개발 API (응용 프로그램 인터페이스 데이터 세트 ---) 분리
부분 새로 고침 기술
비동기 요청 (동시에 이후의 코드) 동기화 요청 (후속 실행 요청 대기가 실행 코드를 완료)
액세스 백그라운드 데이터 전문화를
아약스 JS 먼저 학습 객체 XMLHttpRequest 객체의 기본 배경 데이터 액세스 개체 개체에
액세스 배경 데이터 때 특별히 작성된 기본 JS
개체가 1 인스턴스화
원격 서버 매개 변수에 연결 2.open가 : 서버 경로 요청 : 방법은 요청을 게시 URL을 얻을 방법
비동기를 현재 요청 사실 비동기 거짓 동기화 사용자 이름 암호 사용자 암호 동기 또는 비동기

보내기 () 요청을 송신한다
4. 응답 이벤트를 onreadystatechange의
제 렌더링 인터페이스

var http = new XMLHttpRequest();
 //2.建立服务器连接
 http.open("get", "./data/student.txt");
 //3.发送请求
 http.send();
 //4.服务器响应
 http.onreadystatechange = function () {
 //5.界面的渲染
 //判断   获取最终读取完成状态
 if (http.readyState == 4) {
 //返回的数据都是string
 //console.log(typeof http.responseText);
 console.log(http.response);
 //字符串类型的json数据转化为对象型json  JSON.parse()
 var data = JSON.parse(http.response);
 console.log(data);
 //对象json转化为string json  JSON.stringify
 //var strdata=JSON.stringify(data);
 //console.log(strdata);
 }

 }

//原生ajax的封装
function method(meth, url, data, async, callback) {
    //对象的创建
    var http = new XMLHttpRequest();
    //判断
    if (meth == "get") {
        //get 传递的数据在路径的后边  www.baidu.com?name=1&s=2
        if (data) {
            url += "?";
            url += data;
        }
        http.open(meth, url, async);
        http.send();
    }
    else {
        http.open(meth, url, async);
        //判断是否有数据
        if (data) {
            http.send(data);
        }
        else {
            http.send();
        }
    }
    //响应
    http.onreadystatechange = function () {
        //状态的判断
        //状态码  200 success  500  服务器报错 404  服务器端页面丢失
        if (http.readyState == 4 && http.status == 200) {
            //将请求的数据返回
            callback(http.response);
        }

    }
}

//域名解析就是localhost   没有写端口号默认80端口
//协议不一致会产生跨域
//端口不一致也会导致跨域
//域名不一致也会产生跨域
/*
 * http://www.maodou.com/mao/list.html
 * https://www.maodou.com/mao/list.html
 * http://www.maodou.com:8080/mao/list.html
 * http://www.dou.com/mao/list.html
 * */

// 크로스 도메인을 해결하는 방법은
// 크로마뇽 인 후 직접 공유 리소스에 액세스 백 엔드 구성에서 구성 할 수 있습니다
PHP와 헤더 ( "액세스 제어가-허용으로 단어를 쓰기 // -Origin을 : 백 엔드 파일 내부에는 "); 대표 모든
// JSONP SRC 크로스 도메인 내부 네이티브 JS에서 직접 도메인 간 경로라는
// SRC가 원격 경로에 연결할 수 있습니다
직접 직접 API를 배경 원격 액세스 연결 // 스크립트 src 속성
콜백 함수에와 뒤에 // 경로를 또한, 콜백 함수에 백그라운드 프로세스 돌아 가기
// 다음과 같은 도메인 간 문제가 JSONP 보여줍니다

// JSONP SRC 원리 실행할 콜백 함수 입력 인터페이스 (예를 들면, 수신 콜백 함수에 대한 응답으로 백그라운드 프로세스 있어야) 프론트 엔드 도메인 간에서 크로스 도메인을 사용하는
AJAX 요청 내부 2.jquery을

$.ajax({
     method:"get",//请求的方式  type
     url:"", //路径
     data:{},//传递的参数
     dataType:"",//数据类型
     jsonpCallback:"",//jsonp  跨域的
     success:function (res){
     //成功
     },
     error:function (){
     //请求失败
     },
     async:true//设置同步异步的
     });

추천