// jquery需提前引入,否则jquery加载不完全,$.post就执行了,自然会报错
// js引入jquery
document.write("<script src='https://libs.baidu.com/jquery/1.10.2/jquery.min.js'><\/script>");
/*
* post提交:同步写法
*/
// 提交数据
var url = "http://127.0.0.1:8080/shop/api/v1/cart/items/update";
var userId = 1,id = 2,productId = 3,quantity = 4;
var params = {"userId":userId,"orderItemList.id":id,"orderItemList.productId":productId,"orderItemList.quantity":quantity};
// 同步跳转
Post(url, params);
/*
*功能: 模拟form表单的提交
*参数: url 跳转地址 params 参数
*/
function Post(url, params) {
var form = $("<form method='post'></form>");
form.attr({"action":url});
for (pa in params) {
var input = $("<input type='hidden'>");
input.attr({"name":pa});
input.val(params[pa]);
form.append(input);
}
$("html").append(form);
form.submit();
}
/*
* post提交:异步写法
*/
// 提交数据
var url = "http://127.0.0.1:8080/shop/api/v1/cart/items/update";
var params = {
userId:1,
'orderItemList.id':2,
'orderItemList.productId':2,
'orderItemList.quantity':2
};
// 异步回调
$.post(url,params,({errorCode})=>{
if(errorCode==0){alert("更新成功");}
else{alert("错误码:500,更新失败");}
}).error(()=>{alert("错误码:404,更新失败");});
js实现post跳转页面,同步跳转与异步回调
最新推荐文章于 2021-09-11 16:19:01 发布