版权声明:借鉴时注明出处就行 https://blog.csdn.net/weixin_42144379/article/details/84899070
这个以前学过,但是后来工作用多了 MXFramework 的 RESTClient 做交互 有些淡忘了
虽然 RESTClient跟 ajax 差不太多,但还有区别
今天复习下 jQuery 的Ajax提交表单:
html 部分:
<form id="form-msg">
<!-- Leave me a message... -->
<textarea id="aeraMsg" name="leave_msg"></textarea>
<input name="user_name" type="text" value="Your name or nickname">
<input id="submitMsg" type=button value="Send" />
</form>
JavaScript 部分:
window.onload = function(){
//注意在此之前要 引入 jQuery
$("#submitMsg").click(
function () {
$.ajax({
type:'post',
data:$("#form-msg").serialize(),
url:"/jacktu/main/send_msg.do",
dataType:"text",
success:function(data){
if(data=="successful"){
$("#aeraMsg").val("").focus();
alert("提交成功!");
}else{
alert("提交失败!");
}
},error:function(){
alert("错误!");
}
})
}
);
}
</script>