<%--<input type="submit" class="button" id="button" value="Send Message">--%>
<input type="button" class="button" id="button" value="Send Message">
使用ajax提交表單皱炉，submit類型不支持click事件培漏，需要改成button類型溪厘，并綁定click事件，進(jìn)行ajax提交
<%--<form class="contact-form" action="/blog/test.do" method="get">--%>
<form class="contact-form" id="contact-form">
設(shè)置id牌柄，方便用id取到表單畸悬，并進(jìn)行序列化
$('#button').click(function (callback) {
alert(1); //contact-form
var formParam = $("#contact-form").serialize();//序列化表格內(nèi)容為字串
$.ajax({
type:'get',
url:'blog/test.do',
data:formParam,
cache:false,
dataType:'json',
success:function(data){
}
});
});
//新增
$('#button').click(function () {
alert(1); //contact-form
var formParam = $("#contact-form").serialize();//序列化表格內(nèi)容為字符串
$.ajax({
type: 'post',
url: 'blog/test.do',
data: formParam,
cache: false,
// dataType:'json',
success: function () {
alert(2);
},
error: function () {
alert(3);
}
});
});
使用json數(shù)據(jù)類型，能成功請(qǐng)求到url珊佣，但是執(zhí)行的是error方法蹋宦，不設(shè)置則執(zhí)行success方法
JS文件中引用JS文件：
document.write("<script src='/js/jQuery.cookie.js'><\/script>");
//document.write("<script src='/js/jquery.cookie.js'></script>");
