将旧式Ajax调用转换为Jquery

将旧式Ajax调用转换为Jquery,jquery,ajax,Jquery,Ajax,我想转换对“产品”下拉选择的现有Ajax调用,该下拉选择调用后端的servlet,后者返回产品数据。但老实说,这远远超出了我的能力(在Jquery方面非常初级) 这是我当前的JavaScript: function updateProductParameters() { var url = "/getProductInfo?productID="; var http = getHTTPObject(); var productIDValue = document.getE

我想转换对“产品”下拉选择的现有Ajax调用,该下拉选择调用后端的servlet,后者返回产品数据。但老实说,这远远超出了我的能力(在Jquery方面非常初级)

这是我当前的JavaScript:

function updateProductParameters() {
    var url = "/getProductInfo?productID=";
    var http = getHTTPObject();
    var productIDValue = document.getElementById("product").value;
    http.open("GET", url + escape(productIDValue), true);
    http.onreadystatechange = handleHttpResponse;
    http.send(null);
}

function handleHttpResponse() {
    if (http.readyState == 4) {
        if (http.status == 200) {
            var message = http.responseXML.getElementsByTagName("message")[0];
            results = message.childNodes[0].nodeValue.split(",");
            var product_size = results[0];
            var product_weight = results[1];
            var product_price = results[2];
        } else {
            alert ( "Not able to retrieve Product data" );
        }
    }   
}
getProductInfo servlet本质上返回以下内容:

<message>1400,1.75,24</message>
1400,1.75,24

如果您能告诉我如何将其转换为Jquery,我将不胜感激

我可以看到它在firebug中使用正确的ID调用servlet,并且我可以看到servlet返回消息,尽管我的success函数没有执行

function updateProductParameters(){
   $.ajax({
    url: "your_url", success: function(result){
     //DO STG WITH YOUR RESULT
  }});
});
$("#product").change(function(){
        var productID = $('#product').val();
        $.ajax({
        url: "/getProductInfo",
        type: "GET",
        dataType: "json",
        cache: false,
        data: { 'productID': productID  },
        success: function() { alert("here"); }
        });
});

您应该阅读有关$.get的文章,它可以很好地完成这项工作
,但老实说,这远远超出了我的技能(在Jquery中非常初级)。
?或者付钱给别人帮你做?如果您已经尝试使用jQuery,请发布您的想法以及您认为它出错的原因/您遇到问题的地方,我很乐意帮助您获得一个有效的解决方案。但我不喜欢为那些看起来还没有尝试过的人付出努力。对不起,我没有计算机学位,编程对我来说相当困难。但我正在慢慢地学习,你是绝对正确的——我不应该只要求别人为我写。我正在研究它,不久将展示我的示例$(“#product”).change(function(){var productID=$(“#product”).val();$.ajax({url:/getProductInfo”,type:“GET”,dataType:“json”,cache:false,data:{'productID':productID},success:function(){alert(“here”)});你忘记了方法类型和可能输出的数据。我的意思是,这只是基本/一般的东西,不会完成他的工作,因为他甚至没有一次尝试。啊,我相信数据类型:“json”是我的问题。更改为“xml”-警报正常工作。如何转换http.responseXML.getElementsByTagName(“消息”)[0];