巩义网站建设,巩义网站制作,巩义做网站-全栈网络

织梦cms使用ajax提交表单数据的方法
当前位置:首页 > 建站知识 > 网站代码 >

织梦cms使用ajax提交表单数据的方法

时间: 2020-03-19 分类: 网站代码 浏览次数:

使用织梦进行网站制作中,会偶尔用到使用ajax的方式进行表单数据的提交,那么该如何进行实现呢? 1.将form元素的属性action、enctype、method去掉,添加id=form,form元素就变为form id=form;...



使用织梦进行网站制作中,会偶尔用到使用ajax的方式进行表单数据的提交,那么该如何进行实现呢?


ajax


1.将form元素的属性action、enctype、method去掉,添加id="form",form元素就变为<form id="form">;

2.引入jquery库,可使用cdn引入,也可自行下载引入;

3.提交按钮增加 onclick="add_ajax()" 并把 type="submit" 修改为 type="button" ,如下:
        例如:<input type="button" value="提 交" onclick="add_ajax()" />

4.把ajax代码放在页面最底部,放在jquery库文件之后,具体代码如下:

function add_ajax(){
    $.ajax({
        type: "POST",
        url: "/plus/diy.php",//提交到后台文件
        data: $('#form').serialize(),//表单传值
        success: function(data) {
            alert(data);//弹窗显示PHP返回的值,如不需要显示,注释掉这行即可
            $('#form')[0].reset();//提交后清除表单填写的值
        }
    });
    return false;}

      5.注意:

        当表单的属性设置为"disabled"时,提交表单时,select的值无法传递,需要提交前移除disabled属性,使用$("#role").removeAttr("disabled");即可(提交前移除id="role"的disabled属性)

本文关键词: 织梦 ajax 表单提交 未经允许不得转载:郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络



说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!
Copyright © 2017-2020 版权所有:全栈网络工作室 备案号:豫ICP备2023004016号 HTML网站地图
郑州网站制作|郑州做网站|巩义网站制作|荥阳做网站|巩义做网站-全栈网络