ajax提交表单小记

<%--<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事件，进行ajax提交

<%--<form class="contact-form" action="/blog/test.do" method="get">--%>
<form class="contact-form" id="contact-form">

 

设置id，方便用id取到表单，并进行序列化

$('#button').click(function (callback) {
    alert(1);
    //contact-form
    var formParam = $("#contact-form").serialize();//序列化表格内容为字符串
    $.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();//序列化表格内容为字符串
    $.ajax({
        type: 'post',
        url: 'blog/test.do',
        data: formParam,
        cache: false,
        // dataType:'json',
        success: function () {
            alert(2);
        },
        error: function () {
            alert(3);
        }
    });

});

 

使用json数据类型，能成功请求到url，但是执行的是error方法，不设置则执行success方法

 

JS文件中引用JS文件：

document.write("<script src='/js/jquery.cookie.js'><\/script>");
// document.write("<script src='/js/jquery.cookie.js'></script>");