Jq 에서 Ajax 를 사용하는 방법
1. Ajax 를 사용하여 데이터를 보내려면 Step 1: 비동기 오브젝트를 만듭니다.
Var xhr = newxmlhttprequest ();
단계 2: 요청 라인을 open (요청 메소드, 요청 URL) 으로 설정:
//GET 요청에 매개 변수가 있는 경우 URL 뒤에 매개 변수를 연결해야 합니다.
//post 인수가 있으면 xhr.open (post 가져오기) 을 전달합니다.
세 번째 단계: 요청 헤더 설정 (GET 모드는 이 단계를 무시함): setRequestHeader ()
// 1.get 은 설정할 필요가 없습니다.
//2.post 요청 헤더를 설정해야 합니다. 컨텐트 유형: 응용 프로그램/x-www-양식-urlencoded.
Xhr.setrequestheader (콘텐츠 유형);
단계 4: 요청자 send () 설정
// 1.get 의 매개 변수는 URL 에 패치되며 이 함수에서 설정할 필요가 없습니다.
//2. 이 기능에서 post 에 대한 매개변수를 설정합니다 (있는 경우).
Xhr.send(null)xhr.send (사용자 이름 =
5 단계: 비동기 객체가 서버에서 응답 데이터를 받도록 합니다.
성공적인 응답에는 두 가지 조건이 있습니다.
Xhr.onreadystatechange = function () {if (xhr.status = = 200
}
Ajax-get 요청 사례:
Var xhr = newxmlhttprequest ();
Xhr.open (가져오기
Xhr.send (비어 있음);
Xhr.onreadystatechange = function () {
If(xhr.status==200
Document.queryselector (. Showmsg
}
}
Ajax-post 요청 사례:
Var xhr = newxmlhttprequest ();
Xhr.open (post
Xhr.setrequestheader (콘텐츠 유형);
Xhr.send (사용자 이름 =
Xhr.onreadystatechange = function () {
//서버가 응답하는지 여부를 결정하고 비동기 객체의 응답 상태를 결정합니다.
If (xhr.status = = 200.showmsgsystem.out.println (array.tostring ()); This.result = array.tostring (); 이 세 가지 코드는 필요하지 않습니다. 작업에서 get 및 set 메소드만 있으면 값을 포그라운드로 전달할 수 있습니다.
Ajax 는 JSON 중첩 배열의 필드 길이를 어떻게 얻습니까?
루프가 이 길이가 Array.length 인 배열이라면 jq 의 각 루프를 사용하는 것이 좋을 것 같습니다. $.each("Array ",function(i, value){console.log(i, value)})
Jquery 에서 Ajax 의 콜백 함수를 어떻게 사용합니까?
Jqueryajax 콜백 함수가 올바르게 구성된 한 $ 를 사용할 수 있습니다. Ajax({ URL:test.html, context: document.body, success: function () {alert (콜백 함수)});
(1) 콜백 함수를 정의합니다.
(2) 함수 구현을 제공하는 당사자는 초기화 시 호출자에게 콜백 함수에 대한 함수 포인터를 등록합니다.
(3) 특정 이벤트나 조건이 발생할 때 호출자는 함수 포인터를 사용하여 콜백 함수를 호출하여 이벤트를 처리합니다. 확장 이해: jQuery 는 HTML 과 JavaScript 간의 작업을 단순화하는 브라우저 간 JavaScript 라이브러리입니다. 초판은 JohnResig 가 5438 년 6 월 +2006 년 10 월 BarCampNYC 에서 발매했다. 현재 DaveMethvin 이 이끄는 개발팀이 개발하고 있습니다. 글로벌 방문자 순위 상위 10000 사이트 중 59% 는 현재 가장 인기 있는 JavaScript 라이브러리인 jQuery 를 사용하고 있습니다. 콜백 함수는 응용 프로그램이 Windows 시스템 DLL 또는 기타 DLL 호출에 제공하는 함수로, 일반적으로 메시지를 차단하거나 시스템 정보를 얻거나 비동기식 이벤트를 처리하는 데 사용됩니다. 컴퓨터 프로그래밍에서 콜백 함수 또는 약어 콜백은 함수 인수를 통해 다른 코드에 전달된 실행 코드에 대한 참조입니다.
이 설계를 통해 하위 레벨 코드가 상위 레벨 정의 하위 프로그램을 호출할 수 있습니다.
Ajax 데이터 전송 모드의 예는 무엇입니까?
비동기 응용 프로그램에서 정보를 보내고 받을 때 일반적으로 일반 텍스트와 XML 을 데이터 형식으로 선택할 수 있습니다 (jQuery 학습 노트의 Ajax 사용 예 참조). 이제 JSON(JavaScriptObjectNotation) 이 더 많이 사용되고 있습니다. 다음 예는 Ajax 에서 세 가지 데이터 형식의 비동기 응용 프로그램을 보여 줍니다.
첫째, 일반 텍스트 모드
1, 데이터 전송/수신:
Codeischeap 입니다. 코드를 보세요.
TestJs.js
//이 함수는 document.getelementbyid/document.all 에 해당합니다.
Function $ (s) {if (document.getelementbyid) {returneval ('document.getelementbyid ("'+; } else {returneval ('document.all.'+s); }}
//Ajax 요청을 보낼 XMLHttpRequest 개체를 만듭니다.
FunctioncreateXMLHTTP(){
VarxmlHttp = false
VararrSignatures =；;
For(vari = 0；; IarrSignatures.lengthi++){
시도 {
Xmlhttp = newactivexobject (arrsignatures);
ReturnxmlHttp
}
Catch(oError){
XmlHttp = false// 무시
}
}
//thrownewerror ("msxmlisnotinstalledonyoursystem,");
만약 (! XmlHttptypeofXMLHttpRequest! =' 정의되지 않음') {
Xml http = newxmlhttprequest ();
}
ReturnxmlHttp
}
Var XML req = create xmlhttp ();
//Ajax 처리 요청 보내기 (여기서는 단순히 사용자 이름과 암호의 유효성을 확인하며, 기본 입력은 정확합니다. 사용자 이름과 암호는 모두 테스트입니다.)
FunctionvalidatePwd(oTxt){
Var URL = "/ajaxoperations.aspx";
XmlReq.open("post ",URL, true);
Xmlreq.setrequestheader ("content-length", otxt.value.length+$ ("txt username")) 값
Xmlreq.setrequestheader ("content-type", "application/x-www-form-urlencoded");
Xmlreq.onreadystatechange = callback;
Xmlreq.send ("action = chkpwduserinfos ="+escape (otxt.value+"/"+$ ("txtusername") 값)); //텍스트 보내기
}
FunctioncallBack(){
If(xmlReq.readyState==4){
If(xmlReq.status==200){
경고 (xmlreq.responsetext); //수신 텍스트
}
Elseif(xmlReq.status==404){
Alert("RequestedURLisnotfound "." );
}elseif(xmlReq.status==403){
Alert ("액세스가 거부되었습니다." " );
} 그렇지 않으면
Alert ("status is"+xmlreq.status);
}
}
Jquerymobile 을 사용하여 webapp 을 개발하는 방법 ？
JQueryMobile 은 App 와 유사한 웹 인터페이스를 만드는 jQuery 기반 HTML5 모바일 웹 사이트 프레임워크입니다. JQueryMobile 문서, 내용이 많지 않음, 인내심 읽기 1 시간, 대략 8 가지 기능점: 페이지: 가장 기본적인 단위, 머리글, 바닥글, 탐색 표시줄 대화 상자: 대화 상자, 휴대폰 화면에서 팝업 대화 상자 상호 작용. 나는 그다지 우호적이지 않다고 생각한다. 전환: 전환 효과 양식: 양식 버튼: 큰 버튼, 작은 버튼 (각 열의 버튼은 작은 버튼임) 및 jquerymobile 의 핵심 UI 인 내장 표준 iconlistview: lists 가1을 제공합니다 사용하기 쉬운 이벤트: 다양한 스크롤, 슬라이딩, 드래그 이벤트 주제화: 정부는 5 가지 피부를 제공하며 일부 도구는 사용자 정의할 수 있습니다. 피부를 전환하기 위해 classjQueryMobile 을 변경하기만 하면 Ajax 를 완벽하게 지원할 수 있지만 백엔드에서 데이터를 일반 html 템플릿으로 렌더링할 수도 있습니다. 나는 후자를 선택했다.