ajaxスクリプトをjQueryに変換する

Question

今日私は少し問題があります。私は自分のサイトに使っているajaxスクリプトを持っていますが、効率の理由からjQueryに変換する必要があります。私はこれを行う方法を研究しており、このようなことはまったくありませんでした。

<script type='text/javascript'> 
//<![CDATA[ 
function ajaxFunction2(){ 
var ajaxRequest; 

try{ 
    // Opera 8.0+, Firefox, Safari 
    ajaxRequest = new XMLHttpRequest(); 
} catch (e){ 
    // Internet Explorer Browsers 
    try{ 
     ajaxRequest = new ActiveXObject('Msxml2.XMLHTTP'); 
    } catch (e) { 
     try{ 
      ajaxRequest = new ActiveXObject('Microsoft.XMLHTTP'); 
     } catch (e){ 
      // Something went wrong 
      alert('Your browser broke!'); 
      return false; 
     } 
    } 
    } 
    ajaxRequest.onreadystatechange = function(){ 
    if(ajaxRequest.readyState == 4){ 
     var ajaxDisplay = document.getElementById('editpagecolors'); 
     ajaxDisplay.innerHTML = ajaxRequest.responseText; 

    } 
    } 
    var bandname = document.getElementById('bandname').value; 
    var musicstyle = document.getElementById('musicstyle').value; 
    var websiteurl = document.getElementById('websiteurl').value; 
    var aboutme = document.getElementById('aboutme').value; 
    var chooser = document.getElementById('chooser').value; 
    var chooser2 = document.getElementById('chooser2').value; 
    var chooser3 = document.getElementById('chooser3').value; 
    var chooser5 = document.getElementById('chooser5').value; 
    var chooser6 = document.getElementById('chooser6').value; 
    var chooser7 = document.getElementById('chooser7').value; 
    var params = 'bandname=' + bandname + '&musicstyle=' + musicstyle + '&websiteurl=' + websiteurl + '&aboutme=' + aboutme + '&chooser=' + chooser + '&chooser2=' + chooser2 + '&chooser3=' + chooser3 + '&chooser5=' + chooser5 + '&chooser6=' + chooser6 + '&chooser7=' + chooser7; 
    ajaxRequest.open("POST", 'ajaxeditprofile.php', true); 
    ajaxRequest.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
    ajaxRequest.send(params); 

} 
//]]> 
</script> 

jQueryのにし、もしそうなら、これを変換することも可能です、私はこれをやって行くだろうか：

は、ここに私のスクリプトです。助けを借りてくれてありがとう！

Answer 1

function ajaxFunction2(){ 

     var bandname = $('#bandname').val(); 
     var musicstyle = $('#musicstyle').val(); 
     var websiteurl = $('#websiteurl').val(); 
     var aboutme = $('#aboutme').val(); 
     var chooser = $('#chooser').val(); 
     var chooser2 = $('#chooser2').val(); 
     var chooser3 = $('#chooser3').val(); 
     var chooser5 = $('#chooser5').val(); 
     var chooser6 = $('#chooser6').val(); 
     var chooser7 = $('#chooser7').val(); 
     var params = 'bandname=' + bandname + '&musicstyle=' + musicstyle + '&websiteurl=' + websiteurl + '&aboutme=' + aboutme + '&chooser=' + chooser + '&chooser2=' + chooser2 + '&chooser3=' + chooser3 + '&chooser5=' + chooser5 + '&chooser6=' + chooser6 + '&chooser7=' + chooser7; 

     $.post('ajaxeditprofile.php', params, function(data){            
      $('#editpagecolors').html(data);    
     }); 

    } 

Answer 2

$.ajax({ 
    url: 'yourUrl', 
    data: 'yourserializeddata', 
    type: 'POST' 
}).success(function(responseHtml) { 
    $('#editpagecolors').html(responseHtml); 
}); 

http://api.jquery.com/jQuery.ajax/

Answer 3

は、上記動作しません。ここにat netplus

ガイドを見て？それは非常に効率的ではありませんが、jQueryでラップし、jQueryライブラリをロードすることも全く効率的ではない、私はこれをjqueryに移植することは疑いがあります。