form 表单 和 jQuery HTML / CSS 方法（$().html 类似的样式）
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 类似的样式）的更多相关文章
- Form表单插件jquery.form.js
常常使用到这个插件,但是老忘记怎么使用,现在对大家写的进行一定的整合. 使用插件实例: 一般的使用方法 <!-- 引入jquery文件 --> <script src="h ...
- form表单提交的几种方法
form表单提交的几种方法 <form id="myform" name="myform" method="post" onsubmi ...
- Form表单利用Jquery Validate验证以及ajax提交
#表单利用Jquery验证验证以及ajax提交 概述>详细讲解表单利用Jquery >验证验证以及ajax提交的过程,以及Validate的自定义提示语,非空判断,输入字段的远程ajax验 ...
- ajax post提交form表单 报400错误 解决方法
昨天晚上做项目遇到了一个奇怪的问题,我用ajax提交一个form表单,后台Java方法用的是一个实体接,但是他根本不进方法体中,直接给我一个400的错误,一开始我以为是我路径的问题(尴尬),结果直接访 ...
- jquery提交form表单插件jquery.form.js
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- jQuery插件 -- Form表单插件jquery.form.js<转>
jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmi ...
- （转）jQuery插件 -- Form表单插件jquery.form.js
beforeSubmit: validate function validate(formData, jqForm, options) { //在这里对表单进行验证,如果不符合规则,将返回false来 ...
- form 表单获取所有数据 封装方法
function getFormJson(frm) { var o = {}; var a = $(frm).serializeArray(); $.each(a, function () { if ...
- jQuery插件 -- Form表单插件jquery.form.js
http://blog.csdn.net/zzq58157383/article/details/7718956 http://my.oschina.net/i33/blog/77250
随机推荐
- jmeter场景设计实战（一）
需求:2000用户在线,100用户并发访问首页. 和开发沟通了解了具体的需求:2000用户是在线登录状态,这2000用户中要达到100用户并发去访问首页,在这个过程中可能会有停留时间,并不是用户登录之 ...
- Go入门基础手记
1. 配置环境变量(临时) export GOPATH=yourpath 2. 跨平台交叉编译 env GOOS=linux GOARCH=amd64 go build 3. test写法 // 首先 ...
- 退役or延期退役
究竟是\(150\)天后退役,还是能继续续命呢? 一切看自己了!加油!\(cyh\)!千万不要败在别人的只言片语之下啊!
- 《SQL 进阶教程》 自连接分组排序:练习题1-2-2
分组排序 SELECT d1.district, d1. NAME, (SELECT COUNT(d2.price) FROM district_products d2 WHERE d2.price ...
- js对输入文字个数的限制...
发表留言或者微博的时候,对输入文字个数的限制,下面分两种情况,每种分别介绍两种实现方式: 第一种:一个汉字算一位,两个字母或符号算一位. 通过ASCII编码来判断 textarea.onkeyup = ...
- js常见问题之为什么点击弹出的i总是最后一个
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Eclipse设置代码模板Code Template
团队协作最好是使用相同的代码模板 Code Template,打开 Window -> Preference -> Java -> Code Style -> Code Tem ...
- P2375 [NOI2014]动物园 KMP
好,暴力能拿$50pts\space qwq$ 暴力的思路就是一直跳$nxt[j]$,直到它的长度小于串的一半,然后开始计数,当然要接着跳$nxt[j]$ 正解:考虑没有长度要求的(不要求不重合)公共 ...
- 安装mongodb并配置
下载网址http://dl.mongodb.org/dl/win32/x86_64 mongodb-win32-x86_64-2008plus-ssl-v3.4-latest.zip 解压d盘命名mo ...
- HDU 5775 L - Bubble Sort 树状数组
给定一段冒泡排序的代码,要求输出每个数字能到达的最右边的位置和最左边的位置的差 因为那段冒泡排序的代码是每次选取一个最小的数,放在左边的,所以,每个数最多能到达右边的位置应该是起始位置i+右边有多少个 ...