作者shihyanyu (院长:没把马英九教好)
看板Ajax
标题[问题] jQuery Ajax取不到值
时间Sat Aug 1 05:16:34 2015
各位大大好... 我是Ajax新手
在网路上参考这个网页
http://www.helloweba.com/view-blog-143.html
套用在我的网站上做登入登出的功能
因为我本身又有用Bootstrap 好不容易解决jQuery版本冲突的问题(用noConflict)
但是!!! 老是取不到帐号密码的值啊囧
Google了好久 决定来板上拜见各位大神 希望能指点一下 非常感谢!!!
--------------------------表单本身是DIV的
<div id="login_form">
<label>帐号</label>
<input type="text" class="input cur_select" id="mimiuser" name="mimiuser" />
<BR />
<label>密码</label>
<input type="password" class="input" id="mimipass" name="mimipass" />
<div class="sub"><input type="submit" class="btn" value="登入"/></div>
</div>
---------------------------------------JS是放在同一页
j(".btn").live('click',function(){
var mimiuser = j("
#mimiuser").val();
var mimipass = j("
#mimipass").val();
alert(mimiuser);
alert(mimipass);
}
---------------------------------------
alert出来都是空的 不管我改attr 还是其他乱七八糟 都没用.... Orz
难道取不到值也是因为版本冲突问题吗???
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 36.229.111.135
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1438377397.A.1DD.html
1F:→ anest: live在jquery1.7以後已经失效 改用on 08/01 05:27
2F:→ shihyanyu: 感谢anest大人 直接改on还是不能动 但多了一个新方向 08/01 11:27
3F:→ fgh81113: 几个问题 1.浏览器为何? 2.jquery版本 3.打开浏览器主控 08/01 12:00
4F:→ fgh81113: 台看一下html和你原来写的是不是如你想的 08/01 12:01
5F:→ MangoTW: 先把 type 改为 button 试试 08/01 12:50
6F:推 kyoe: bootstrap好像会把input改样式,所以你的input又被包一层了吧 08/01 14:37
7F:→ shihyanyu: 谢谢各位大大指点~~ 我会马上试试看!! 08/01 14:52
8F:→ shihyanyu: <input type="button" class="btn" value="送出"/> 08/01 15:21
9F:→ shihyanyu: 终於可以了~~~ 08/01 15:21
10F:→ shihyanyu: 不对QAQ 好像还是不行..... 像这种活请人做会贵吗? 08/01 15:24
12F:推 swallowcc: 另外要请人做的话要把需求说好,光看上面这一段完全不 08/01 15:54
13F:→ swallowcc: 晓得你的需求是什麽啊,更不用说开价了 ._. 08/01 15:54
14F:→ MangoTW: 元素名 input 也改成 button 试试 08/01 17:18
15F:→ MangoTW: 记得收尾</button> 08/01 17:18
改了:
<button type="submit" class="btn" id="btn">送出资料</button>
j(".btn").live('click',function(){
var mimiuser = j('
#mimiuser').val();
var mimipass = j('
#mimipass').val();
alert(mimiuser);
alert(mimipass);
还是取不到值 难道是
j('#mimiuser').val();有问题?
我参考Google把外面function改成这样 也是不行
j("document").on("click",".btn",function(){
不行
j("#login_form").on("click",".btn",function(){
不行
※ 编辑: shihyanyu (36.229.111.135), 08/01/2015 17:29:49
※ 编辑: shihyanyu (36.229.111.135), 08/01/2015 17:40:25
16F:→ swallowcc: 问一下,为什麽你要用 j("").on ? 08/01 17:42
17F:→ shihyanyu: 因jQury版本冲突 用var j = jQuery.noConflict(true); 08/01 17:52
18F:→ MangoTW: type如果用submit记得在event先prevent掉,不然会跳页 08/01 17:57
19F:→ fgh81113: 你浏览器<input type="text" id="miniuser"> id还是 08/01 20:09
20F:→ fgh81113: miniuser吗? 有些framework会把id偷偷改掉 08/01 20:10
21F:→ shihyanyu: 天啊!... 我打错了 是mimiuser 08/01 21:48
22F:→ shihyanyu: 呃 没有打错字@@ 我去GOOGLE看看输出後ID有没有变好了 08/01 21:50
23F:→ fgh81113: 恩....是我打错字的样子XD 08/01 23:03
24F:→ fgh81113: 然後用检查元素去看就好了不用google 08/01 23:04
囧囧有神的真相报告
後来有大人直接看我的网站 说我的DOM都被CLONE变两个
後来另一位大人提醒表单也变两个 难怪都抓不值
然後删除了嵌在各处的一堆 jQuery.js 1.9 / 1.7 /1.4 以及谜之版本以後
终於在2.1.3得救了
一堆套件 包括 Bootstrap select live search 跟 fancybox 全部用这一个就行了
http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js
谢谢各位大人 下台一鞠躬........
※ 编辑: shihyanyu (36.229.111.135), 08/03/2015 04:26:12
※ 编辑: shihyanyu (36.229.111.135), 08/03/2015 04:35:11
25F:推 Kenqr: jQuery2.x不支援IE8喔 08/03 10:59
26F:→ shihyanyu: 天啊 谢谢大人提醒 我等下去试试看 08/03 15:53
27F:→ shihyanyu: 刚刚在IE 11.1测试可以跑 ^^"那就先降吧 08/03 15:56