ajax 表单提交和异步请求

来源:互联网 发布:伤感好听的网络歌曲 编辑:程序博客网 时间:2024/05/21 17:01

表单提交:

ajax在进行表单内提交时只需在form表单中加上id,如<form action="/admin/news/add" method="post" class="layui-form" id="addNewsForm" > </form> 然后再加上提交按钮,并加上点击事件:

<script type="text/javascript">
$(".submit-news").on("click",function(){
$("#addNewsForm").submit();
});

</script>


异步请求:

$(".submit-content").on("click",function(){
var con = $(".con").val(); // 获取需要的参数值
$.ajax({
   type: 'post', // 提交方式 get/post
   url:"/admin/content/add",
   data:{content:con},
   success: function(data) { // data 保存提交后返回的数据,一般为 json 数据
       // 此处可对 data 作相关处理
       if(data.code==200){
        $("#ncid").attr("value",data.id); 
       alert("操作成功")
       }else{
        alert(data.tip);
       
       }
   },
error:function(){
alert("提交失败");
}
});
}); 

原创粉丝点击