注意事项

1.传值格式

contentType: "application/x-www-form-urlencoded"和contentType: "application/json"

2.ajax在sucecess后继续执行代码

async: false,

3.传值方式

type: "post",

传图片文件到后端

其他的详细代码见本人其他博客

function uploadImage(htmlId) {// wjy: 因为懒得写两个这个函数就让增加和修改共用// ————————————————// 版权声明：本文为CSDN博主「修炼中的菜鸟」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。// 原文链接：https://blog.csdn.net/j903829182/article/details/78406778//var uploadUrl = "http://localhost:8860/v1/uploadDownload/uploadImage";// var uploadUrl = "http://192.168.9.123:8860/v1/uploadDownload/uploadImage";var downUrl = "localhost:8080/img/"var pic = $('#' + htmlId + '')[0].files[0];var fd = new FormData();//fd.append('uploadFile', pic);fd.append('file', pic);var upload_image_path = "";// 判断有没有取到图像if (pic == null) {return "undefine.jpg";}else {$.ajax({url: "upload/image",type: "post",// Form数据data: fd,cache: false,contentType: false,processData: false,async: false,success: function (data) {console.log(data);if (data.code == 0) {alert("图片上传失败");// var img = $("<img />")// img.attr("src", downUrl + "?imageName=" + data.data);// img.width("160px");// img.height("160px");// $("#imgDiv").append(img);}console.log(data);upload_image_path = data.obj;}});return String(upload_image_path);}}

正常传

function deleteHist(historyId) {$.ajax({url: "brow_hist/deleteItem?historyId=" + historyId,contentType: "application/json",type: "post",async: false,success: function (data) {console.log(data);if (data.code == 0) {alert(data.msg);return;}alert(data.msg);location.replace(document.referrer);}});
}function insertHist() {var data = {"userId": $("#userId").val(),"goodId": $("#goodId").val()}console.log(data);if (data.userId == "") {alert("用户id空缺");return;} else if (data.goodId == "") {alert("商品id空缺");return;}var adata = JSON.stringify(data);console.log("insertHist" + adata);$.ajax({url: "brow_hist/increaseItem",contentType: "application/x-www-form-urlencoded",type: "post",data: data,async: false,success: function (data) {console.log(data);if (data.code == 0) {alert(data.msg);return;}// TODO:网页刷新alert(data.msg);location.replace(document.referrer);}});
}

【ajax】前端ajax传值的几种方法相关推荐

php ajax jquery 表单重复提交,jQuery的 $.ajax防止重复提交的两种方法(推荐)
下面给大家带来两种关于jquery 的ajax防止重复提交的解决方法,具体介绍如下所示: 1.第一种,对于onclick事件触发的的ajax 可以采用如下方法: 即在beforeSend中使点击按钮不 ...
jQuery的 $.ajax防止重复提交的两种方法(推荐)
本文给大家分享两种jquery 的ajax防止重复提交的方法,第一种方法对于onclick事件触发的ajax,在beforeSend中使点击按钮不可用,ajax结果返回后置为可用,第二种利用jquer ...
解决前端跨域的几种方法
解决前端跨域的几种方法了解跨域出现的原因解决跨域的几种方法想要解决跨域先要知道为什么会出现跨域跨域:指的是浏览器不能执行其他网站的脚本它是由浏览器的同源策略造成的是浏览器对javascr ...
总结：C#中跨窗体传值的几种方法
C#中跨窗体传值的几种方法分析(很详细) (1)父窗口给子窗口传值 (2)子窗口给父窗口传值 (3)父子窗口之间互相传值文章链接:https://www.cnblogs.com/xh6300/p/6 ...
java多线程传值覆盖_Java 多线程传值的四种方法
其实大家都知道多线程传值有三种方式: 1:通过构造方法传递数据 2:通过变量和方法传递数据 3:通过回调函数传递数据那么博主有个非常变态的需求,所以找出了第四种实现方式,先看效果图: 动态Cron4 ...
android fragment传递参数_fragment之间传值的两种方法
在Activity中加载Fragment的时候.有时候要使用多个Fragment切换.并传值到另外一个Fragment.也就是说两个Fragment之间进行参数的传递.查了很多资料.找到两种方法.一种 ...
java线程异步传值_Java 多线程传值的四种方法
Java 多线程传值的四种方法作者: sunjs 更新时间:2020-09-11 15:20:16 原文链接其实大家都知道多线程传值有三种方式: 1:通过构造方法传递数据 2:通过变量和方法传递数 ...
HTML前端页面颜色的四种方法，色号表
HTML前端页面颜色的四种方法,色号表颜色的三种表示方式: (1)单词:red green black-用法: <font color="pink" size=" ...
vue组件之间的传值的几种方法
vue组件之间传值的几种方法总结一.父传子父传子技术就是把父组件中的数据传给子元素调用,用到的方法是 1.在父组件的子组件标签上绑定一个属性,挂载要传输的变量 ,语法是 :属性名 (冒号加属性名) ...

【ajax】前端ajax传值的几种方法

前端ajax传值的几种方法

注意事项

1.传值格式

2.ajax在sucecess后继续执行代码

3.传值方式

传图片文件到后端

正常传

【ajax】前端ajax传值的几种方法相关推荐

最新文章

热门文章