[英]Can not send a POST-JSON-Request with JavaScript
我尝试用jQuery 1.9发送POST-JSON-Request。
我总是在控制台中收到以下错误。
TypeError:this.products未定义。 this.products.push(oneProduct);
这是我的代码
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" charset="utf-8" src="resources/js/model/Product.js"></script>
<script>
function getdetails(){
var p = new Product(15,11.5,"Pizza Test","P");
var z = new Product(68,1.5,"Zutate Test","Z");
p.addOneProduct(z);
var request = $.ajax({
type: "POST",
url: "yb_test_post.php",
dataType: "json",
data: p
});
request.done(function(msg) {
$("#msg").html( " Post parameter are: <br/>"+msg );
});
request.fail(function(jqXHR, textStatus) {
alert( "Request failed: " + textStatus );
});
}
</script>
和Product.js
function Product(id, price, name, type){
this.id = id;
this.price = +price;
this.totalPrice = +price;
this.name = name;
this.type = type;
this.products = [];
this.addOneProduct = function(oneProduct){
this.products.push(oneProduct);
this.totalPrice= this.totalPrice+oneProduct.price;
};
}
我究竟做错了什么?
你应该改变你的product.js的问题是,你失去了参照this
。
这应该做的伎俩:
function Product(id, price, name, type){
this.id = id;
this.price = +price;
this.totalPrice = +price;
this.name = name;
this.type = type;
this.products = [];
var self = this;
this.addOneProduct = function(oneProduct){
self.products.push(oneProduct);
self.totalPrice= self.totalPrice+oneProduct.price;
};
}
编辑:当您调用方法addOneProduct时,正确解析this-reference。 问题是当实际尝试调用服务并将p设置为数据时。 序列化对象后,JS实际调用了方法,此时引用不正确。 您需要做的是在将对象分配给数据之前对其进行字符串化:
var request = $.ajax({
type: "POST",
url: "yb_test_post.php",
dataType: "json",
data: JSON.stringify(p)
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.