xunruicms外部页面调用网站表单/全局表单提交项目
admin
2023-07-30 20:14:28
0

默认情况下表单提交页面是单独的一个页面,而在实际项目中有时候需要把表单提交页面放到首页、放到指定的栏目页、放到会员中心,都有可能性。

本章节来介绍如何把网站表单提交内容部分放到其他页面的任意位置

 

1、我们以下图的留言表单为例

image.png

2、在指定的页面,例如index.html首页上加上,下面代码中的‘liuyan’需要改成你自己的表单别名

{php extract(dr_get_form_post_value('liuyan'))}

调试信息:{$debug}

 {$form}     {$myfield}   {$diyfield}   {$sysfield}   {if $is_post_code}       {dr_lang('验证码')}         
      
     
        
  
  {/if}  
          AJAX提交不跳转(需要手动加载官方js库)    AJAX提交并跳转(需要手动加载官方js库)   普通提交   
 
调试信息:{$debug}

注意ajax提交需要加载官方js库https://www.xunruicms.com/doc/627.html

 

3、然后预览首页就有了!

image.png

这个界面是按照系统字段自动生成的界面,如果你不喜欢这种布局,可以自己改html代码即可,

{$myfield}
{$diyfield}
{$sysfield}

这几个变量就是自动生成字段对应的html标签,你可以把它删掉,自己写html控件

自己写html控件的时候,一定记住自己的表单name参数是data[字段] 形式 不要忘了! 如:

图片

这项操作需要格外注意的几个参数:

1、如果不是在form/xxx_post.html 页面提交的情况下,需要注意提交地址

   AJAX提交并跳转到后台的指定页面
    AJAX提交不跳转

2、注意表单开头

{php extract(dr_get_form_post_value('liuyan'))}

这里的liuyan,一定要换成你自己的表单字段名称

3、点击ajax提交按钮无反应,排查如下:

需要加入注意ajax提交需要加载官方js库https://www.xunruicms.com/doc/627.html

相关内容

热门资讯

Mobi、epub格式电子书如... 在wps里全局设置里有一个文件关联,打开,勾选电子书文件选项就可以了。
定时清理删除C:\Progra... C:\Program Files (x86)下面很多scoped_dir开头的文件夹 写个批处理 定...
scoped_dir32_70... 一台虚拟机C盘总是莫名奇妙的空间用完,导致很多软件没法再运行。经过仔细检查发现是C:\Program...
小程序支付时提示:appid和... [Q]小程序支付时提示:appid和mch_id不匹配 [A]小程序和微信支付没有进行关联,访问“小...
500 行 Python 代码... 语法分析器描述了一个句子的语法结构,用来帮助其他的应用进行推理。自然语言引入了很多意外的歧义,以我们...
pycparser 是一个用... `pycparser` 是一个用 Python 编写的 C 语言解析器。它可以用来解析 C 代码并构...
微信小程序使用slider实现... 众所周知哈,微信小程序里面的音频播放是没有进度条的,但最近有个项目呢,客户要求音频要有进度条控制,所...
65536是2的几次方 计算2... 65536是2的16次方:65536=2⁶ 65536是256的2次方:65536=256 6553...
Apache Doris 2.... 亲爱的社区小伙伴们,我们很高兴地向大家宣布,Apache Doris 2.0.0 版本已于...
项目管理和工程管理的区别 项目管理 项目管理,顾名思义就是专注于开发和完成项目的管理,以实现目标并满足成功标准和项目要求。 工...