请求后页面不刷新 ajax 怎么写

直接看语法

ajax写法如下：

$.ajax({
		url:'https://127.0.0.1:8080/xxx.post',		// 请求接口的url
		type:'post',			// 请求方式
		data: email,		//参数对象
		success:function () {		// 请求成功后接着执行什么
			console.log("success");
			alert('发送成功');		// 弹框提示操作成功
		 }
	});	

上面 data 的参数 email 就是你 post 请求的参数对象，后台接口用 @RequestBody 接收对象；

//取文本框的值付给对应的变量
var senderName =  $("input[name='senderName']").val();		
var senderEmail = $("input[name='senderEmail']").val();
var senderPhone = $("input[name='senderPhone']").val();
var message = $("textarea[name='message']").val();
//封装成对象
var email = {
	senderName :senderName,
	senderEmail : senderEmail,
	senderPhone : senderPhone,
	message : message
	};

html代码如下：

<form action="" method="post">
	<input type="text" name="senderName" id="senderName" placeholder="Name" required="" />
	<input type="email" name="senderEmail" id="senderEmail" placeholder="Email" required="" />
	<input type="text" name="senderPhone" id="senderPhone" placeholder="Phone" required=""/>
	<textarea name="message" id="message" placeholder="Message" required=""></textarea>
	<input type="button" onclick="profrom()" value="Submit">
</form>