어떻게 일반 자바 스크립트 코드를 jQuery로 변환 할 수 있습니까?

Question

사람들은이 코드를 jquery로 변환해야한다고 추천하고 있습니다.하지만 도구와 방법은 어디에서 어떻게, 어떻게 할 수 있으며 XMLHttpRequest가 jQuery와 어울리지 않는 이유는 무엇입니까 ??

는이 코드를 가지고 :

function showVal(str) { 
    if (str == "") { 
    document.getElementById("txtHint").innerHTML = "* Please type in School Name."; 
    return; 
    } 

    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp = new XMLHttpRequest(); 
    } else {// code for IE6, IE5 
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

    xmlhttp.onreadystatechange = function() { 
    if (xmlhttp.readyState == 4) { 
     if (xmlhttp.status == 200) { // break this into 2 statements so you can handle HTTP errors 
     document.getElementById("txtHint").innerHTML = xmlhttp.responseText; 
     } else { 
     document.getElementById("txtHint").innerHTML = "AJAX Error (HTTP "+xmlhttp.status+")"; 
     } 
    } 
    }; // functions declared in this way should be followed by a semi colon, since the function declaration is actually a statement. 

    // encodeURIComponent() does all the escaping work for you - it is roughly analogous to PHP's urlencode() 

    // xmlhttp.open("GET","ajaxFuncs2.php?q="+encodeURIComponent(str),true); 
    xmlhttp.open("GET","ajaxFuncs2.php?q="+encodeURIComponent(str),true); 

    xmlhttp.send(); 
} 

Answer 1

당신이 정말로 원한다면, 변환 코드가 훨씬 더 컴팩트하게 ...하지만 jQuery를에 대한 종속성을 추가하는 데 페널티 것이다. 개인적으로이 비교적 단순한 기능에 대한 크로스 브라우저 문제를 다루기가 편하다면 변환 할 이유가 없습니다.

말했다되고 있다는 변환 상대적으로 쉬운 것 :

function showVal(str){ 
    if(str == ''){ 
     $('#txtHint').html("* Please type in School Name."); 
     return; 
    } 

    $.get({ 
     url: 'ajaxFuncs2.php?q='+encodeURIComponent(str), 
     success: function(data){ $('#txtHint').html(data); }, 
     error: function(){ $('#txtHint').html('AJAX Error'); } 
    }); 
} 

... 또는 그 부근

Answer 2

당신이 jQuery's AJAX engine를 사용하여 재 작성 할 수 있습니다. 쉬운 일이되어야합니다.

하지만 나이가 들어간 질문 : 에 무엇이 손상되지 않았는지 수정해야합니까?

그것과 같을 것이다 $.ajax를 사용 : 당신은 jQuery를에 대한 몇 가지 문서를 읽을으로 시작해야

function showVal(str){ 
    if(str == null || str == ''){ 
     $('#txtHint').html('* Please type in School Name.'); 
    } 
    else { 
     $.ajax({ 
       url: 'ajaxFuncs2.php?q='+encodeURIComponent(str), 
       success: function(data, textStatus, jqXHR){ $('#txtHint').html(data); }, 
       error: function(request, status, error){ $('#txtHint').html('AJAX Error (HTTP ' + status + ')'); } 
      }); 
    } 
}