js实现post跳转页面,同步跳转与异步回调

it2023-10-25  74

// 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,更新失败");});
最新回复(0)