1 有关链接 ：http://www.runoob.com/tags/tag-form.html

　　　　　　https://www.cnblogs.com/Jxwz/p/4509618.html

　　　　　　https://www.cnblogs.com/xiaoniuzai/p/6885199.html

html：　

<!DOCTYPE html>
<html lang="en">
<head>
　　<meta charset="UTF-8">
　　<title>Title</title>
</head>
<body>
　　//<form method="post" id="dataForm" action="{{u('admin/polling/test')}}">
　　<form method="post" id="dataForm">
　　　　<input type="text" name="username"  id="name"/>
　　　　<input type="password" name="password" id="pwd"/>
　　　　<input type="submit" value="登陆"/>
　　</form>
</body>
</html>

control：

public function testAction(){
var_dump($_POST);die;
var_dump(111);die;
}

其实form 传输数据很容易的，只是我一开始就是用ajax。。。   然后一直纠结为什么不加url ，其实form 表单传输是可以不需要URL，它会自动传输到对应的控制器

<script>

var  $name = $("#name").val;

$.ajax({            url: '{{u("admin/XXX/XXX")}}',            type: 'GET',            dataType: 'JSON',            data: {name: $name},        })

</script>

后台获取：$t = $this ->request->get(“name”);

$().html()l类似的方法：

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

拓展：

1 jQuery event.target 属性 ：和this 作用差不多吧。。   （有关博客：https://blog.csdn.net/wangqing84411433/article/details/75269742

　　　　　　　　　　　　　　　　　　　　　　　　　　官网：http://www.runoob.com/jquery/jq-event-target.html ）

具体代码：

<div class="col-xs-3">
<select name="person" class="form-control required" onchange="staffSelect(event)">
{%if !alarmData%}
<option value="">请选择任务人员</option>
{%else%}
<option value="{{person['id']}}">{{person['person_name']}}</option>
{%endif%}
</select>
</div>

function staffSelect(event) {
var $tem = $(event.target);
var v = $tem.val();    //person['id']
}

2

form 表单 和 jQuery HTML / CSS 方法（$().html 类似的样式）的更多相关文章

  1. Form表单插件jquery.form.js

    常常使用到这个插件,但是老忘记怎么使用,现在对大家写的进行一定的整合. 使用插件实例: 一般的使用方法 <!-- 引入jquery文件 --> <script src="h ...

  2. form表单提交的几种方法

    form表单提交的几种方法 <form id="myform" name="myform" method="post" onsubmi ...

  3. Form表单利用Jquery Validate验证以及ajax提交

    #表单利用Jquery验证验证以及ajax提交 概述>详细讲解表单利用Jquery >验证验证以及ajax提交的过程,以及Validate的自定义提示语,非空判断,输入字段的远程ajax验 ...

  4. ajax post提交form表单 报400错误 解决方法

    昨天晚上做项目遇到了一个奇怪的问题,我用ajax提交一个form表单,后台Java方法用的是一个实体接,但是他根本不进方法体中,直接给我一个400的错误,一开始我以为是我路径的问题(尴尬),结果直接访 ...

  5. jquery提交form表单插件jquery.form.js

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. jQuery插件 -- Form表单插件jquery.form.js<转>

    jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmi ...

  7. （转）jQuery插件 -- Form表单插件jquery.form.js

    beforeSubmit: validate function validate(formData, jqForm, options) { //在这里对表单进行验证,如果不符合规则,将返回false来 ...

  8. form 表单获取所有数据 封装方法

    function getFormJson(frm) { var o = {}; var a = $(frm).serializeArray(); $.each(a, function () { if ...

  9. jQuery插件 -- Form表单插件jquery.form.js

    http://blog.csdn.net/zzq58157383/article/details/7718956 http://my.oschina.net/i33/blog/77250

随机推荐

  1. 老男孩Day1作业（一）：编写登录接口

    需求:编写登陆接口1. 用户输入帐号密码进行登陆2. 用户信息保存在文件内3. 用户密码输入错误三次后锁定用户 1)编写思路 编写思路参考下面GitHub链接中的流程图 https://github. ...

  2. ThinkSNS+ PHP开发概述

    Plus (读音:[plʌs],全称:ThinkSNS+ [θɪŋk es en es plʌs],是 ThinkSNS 系列产品一个重要版本,其软件识别名称为 Plus 即 +) 是一个基于 Lat ...

  3. 3、kubernetes应用快速入门190625

    一.kubernetes应用入门 1.kubectl命令 Basic Commands create Create a resource from a file or from stdin. expo ...

  4. Spring学习和应用

    Java EE轻量级框架. 核心:反转控制(IOC),依赖注入. 功能:增删改查bean,   功能: 1.容器功能:    代替了EJB容器,负责管理用户基于POJO方式写的业务逻辑组件,具有类似E ...

  5. java 正则简单使用

    查找是否包含字串 查询是否包含 #{name} 片段 这里有包含所以返回true String context = "select * from t_user where (name = # ...

  6. poj2186-Popular Cows(强连通分支)

    有N(N<=10000)头牛,每头牛都想成为most poluler的牛,给出M(M<=50000)个关系,如(1,2)代表1欢迎2,关系可以传递,但是不可以相互,即1欢迎2不代表2欢迎1 ...

  7. nginx图片缓存服务器配置实战

     1.图片目录设置: 假定服务器主目录为nginx的默认目录:/usr/local/nginx-0.8.32/html/ 图片存放目录为:/usr/local/nginx-0.8.32/html/SD ...

  8. SpringBoot | 第五章：多环境配置

    前言 写上一篇看英文资料,耗费了心力呀,这章,相对来说简单点.也比较熟悉,但是这很实用.不扯了,开始~ 多环境配置 maven的多环境配置 springboot多环境配置 总结 老生常谈 多环境配置 ...

  9. InteliJ idea import project 找不到文件结构解决办法

    一.按下列步骤操作:       1. 关闭IDEA,        2.然后删除项目文件夹下的.idea文件夹       3.重新用IDEA工具打开项目: 二.import新项目之后,可能需要等1 ...

  10. redis安装及简单命令

    Redis 安装 Window 下安装 下载地址:https://github.com/MSOpenTech/redis/releases. Redis 支持 32 位和 64 位.这个需要根据你系统 ...