ajax与后台交互

yaoxiaoxu

已于 2022-07-21 14:16:03 修改

阅读量187

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： ajax

于 2018-12-25 15:11:42 首次发布

本文链接：https://blog.youkuaiyun.com/yao_1996/article/details/85248346

javascript 专栏收录该内容

12 篇文章

订阅专栏

本文深入讲解了jQuery中三种AJAX方法：$.ajax()、$.post()、$.get()的具体使用方式，通过实例演示了如何使用$.ajax()进行POST请求，并正确设置data、dataType和contentType参数，确保前后端数据交互的顺利进行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery中存在简单的ajax方法具体使用方式

链接: w3school-j教程.
主要分为三种： $.ajax(), $.post(), $.get()

注意：
1.经常使用@requestBody 注解来接收前端发来的数据，但是他解析的是字符串，也就是说如果不是使用字符形式传输的数据会出现403错误。以下举例：(注意ajax方法中的data项)

function dosubmit() {
		
		var age1= 1,age2= 2,
		var name1= '小明',name2='小红';
		var saveDataAry=[];  
        saveDataAry.push({"age":val1,"name":val2});
        saveDataAry.push({"age":val3,"name":val4});
        
		$.ajax({ 
	         type:"POST", 
	         url:"${ctx }/ptWorkPlan/doSureOperate", 
	         dataType:"json",      
	         contentType:"application/json",               
	         data:JSON.stringify(saveDataAry), //将数组转为字符串格式
	         success:function(data){ 
	         	if (data) {
					alert('访问成功')
				}
	         } 
	    });
		
	}