집 > 기사 > 백엔드 개발 > 아약스를 사용하는 방법

아약스를 사용하는 방법

php中世界最好的语言원래의: 2017-12-20 19:22:361798검색

Ajax는 비동기식 JavaScript이며 대화형 웹 애플리케이션을 만들기 위한 웹 개발 기술입니다. 우리는 Ajax가 매우 강력한 기술이라는 것을 알고 있으므로 오늘은 이 강력한 기술에 대해 자세히 설명하겠습니다.

설명하기 전에 선형 데이터 구조에 대해 말씀드리겠습니다. 단일 선형 데이터 구조는 선분으로 생각할 수 있습니다. 선분에는 머리 부분과 꼬리 부분이 있다는 것을 모두 알고 있습니다. 선분의 머리에는 앞부분이 없고 꼬리 부분에는 뒷부분이 없습니다. 가운데의 각 요소에는 앞과 뒤에 두 개의 요소가 있습니다. 하나의 요소가 누락되면 두 개의 요소가 동시에 인식되어 알려줍니다. 그리고 단일 요소 없이는 작동하지 않습니다.

콜백 함수는 함수 A를 함수 B에 매개변수로 전달하고 함수 B가 함수 A를 실행하는 함수입니다. 콜백 함수의 가장 일반적인 용도는 ajax를 통해 데이터를 요청할 때 사용하는 Success() 및 error() 함수와 콜백 함수를 사용하는 setInterval의 첫 번째 매개 변수입니다. 콜백 함수, 콜백 함수, 콜백의 문자 그대로의 의미는 돌아서서 다시 그 길을 걷는 것입니다. 그래서 ajax는 콜백 함수인 Success()나 error가 발생하면 돌아서서 다시 걸어가는데, 동시에 ajax도 비동기식입니다.

브라우저의 프로세스가 멀티프로세스인 이유는 왜 XXX라고 부르는지와 같습니다~

두 번째 질문은, 전능한 프론트엔드가 백그라운드 데이터를 얻기 위해 Ajax를 만났을 때, 왜곡된 코드인가요? 모두가 매우 혼란스러워합니다.
-인터넷 속도 문제일 수도 있습니다. 인터넷이 너무 느립니다.

-인코딩 형식이 균일하지 않을 수도 있습니다. 백엔드 형제가 당신을 속였을 수도 있습니다. 하하하하

Ajax의 기본 코드를 기억할 수 있습니까? 제가 안내해 드리고 코드를 살펴보겠습니다.

   
//1.创建xmlhttpRequest对象
var xhr;
try{
   xhr = new XMLHttpRequest();
   console.log(5555)
}
catch(e){
//ie浏览器低版本兼容
   xhr = new ActiveXobject("Microsoft.XMLHTTP");
}
finally{
  console.log(1111)
}
// try{} catch{} finally{}在这里是处理异常的方法，用if{}else{}也ok
//if(window.XMLHttpRequest){
 // xhr = new XMLHttpRequest();
//  }else{
  //ie浏览器低版本的兼容
 // xhr = new ActiveXobject("Microsoft.XMLHTTP")
//}
//2.建立异步连接
xhr.open("get","url/+string",true/false);//true是异步，false是同步
//xhr.open("post","url",true/false)
//3.发送异步请求
 xhr.send(null);//get
 xhr.send(string);//post
//4.获取返回数据
 xhr.onreadystatechange = function (){
  if((xhr.readystate)==4&&(xhr.status==200)){
   var data = xhr.responseText;
   var data = JSON.parse(data);
   show(data);
}
}
function show(data){
 document.getElementById("p1").innerHTML = data;
}

믿으세요. 이 사례를 읽으신 후에는 방법을 마스터하신 것입니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목해 보세요!