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