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
    varformParam = $("#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
    varformParam = $("#contact-form").serialize();//序列化表格内容为字符串
    $.ajax({
        type:'post',data: formParam,// 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>");

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 &#128515; https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: &quot;./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...