请大牛猛轻轻抬一下手,写一个Ajax提交表单简单代码

最好详细一点的讲解。谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢

form.ajaxSubmit({
type: "post", //提交方式

dataType: "json", //数据类型

data: $("#courseForm").serialize(),//自定义数据参数,视情况添加
url: "/tz/xxxxxxx.do", //请求url

success: function (obj) { //提交成功的回调函数

}
});

 $(function(){//js里面默认进入页面就初始化该函数
    $('#send').click(function(){//id为send的按钮点击之后就会调用该函数
        $.ajax({
        url://请求后台接口地址
        type:"post",//请求方法类型,分get和post
        data:JSON.stringify(data),//提交数据,这里是用json格式数据
        dataType:"json",//提交数据类型,json数据类型
        contentType:"application/json",
        success:function (res) {
        //请求成功后操作
        },
        error:function (res) {

        }
        })
    }
})

参考:

http://www.runoob.com/jquery/ajax-ajax.html

<!DOCTYPE html>




//引入 vue 和axios 账号 //双向绑定数据zh 密码 //双向绑定数据mm //添加 click事件 new Vue({ el: '#form', data: { login:{mm: '', zh: ""} }, methods: { dj: function() { console.log(this.login) ////返回的是一个包含很多内容东西的对象 里边还有不想要的东西 var obj=JSON.stringify(this.login) ////JSON.stringify()JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。 为了清除不想要的东西 console.log(obj) axios.post('/user',obj) .then(function() { console.log(response); }) .catch(function(error) { console.log(error); }); } } })

$(function(){//js里面默认进入页面就初始化该函数
$('#send').click(function(){//id为send的按钮点击之后就会调用该函数
$.ajax({
url://请求后台接口地址
type:"post",//请求方法类型,分get和post
data:JSON.stringify(data),//提交数据,这里是用json格式数据
dataType:"json",//提交数据类型,json数据类型
contentType:"application/json",
success:function (res) {
//请求成功后操作
},
error:function (res) {

    }
    })
}

})

http://blog.csdn.net/m0_37568521/article/details/75308202
原生JavaScript实现

$(function(){
$('.send').click(function(){//class为send的按钮点击之后就会调用该函数
$.ajax({
url://请求后台接口地址
type:"get",//请求方法类型,分get和post
data:JSON.stringify(data),//提交数据,这里是用json格式数据
dataType:"json",//提交数据类型,json数据类型
contentType:"application/json",
success:function (res) {
//请求成功后操作
},
error:function (res) {

    }
    })
}

})