Question

Today I have a bit of a problem. I have an ajax script that I have been using for my site, but for efficiency reasons, I need to convert it to jQuery. I have been researching how to do this and have had no such luck whatsoever with this.

Here is my script:

<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>

Is it even possible to convert this to jQuery and if so, how would I go about doing this. Thank you guys so much for the help!

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);              
        });

    }