Jquery Mobile+php 提交表单及后台接收跳转问题

IF先生 IF先生 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
刚开始学想JqueryMobile,用JqueryMobile + PHP做个移动端,一开始做登陆页面就遇到表单提交问题,怎样提交都没有反应也不会跳转!
请各位大神解惑!

前端提交表单代码


<body>

<div data-role="page" id="login">
<div data-role="header">
<h1>用戶登入</h1>
</div>
<div data-role="content">
<form id="form1" name="form1" method="post" action="#">
<div data-role="fieldcontain">
<input type="text" name="username" id="username" placeholder="用戶名">
<input type="password" name="password" id="password" placeholder="密碼">
<input type="submit" data-role="button" id="submit" value="登入" onClick="ajax_login()">
</div>
</form>
<p>沒有帳號?<a href="#register" data-transition="slide">點擊註冊</a></p>
</div>

<div data-role="footer" style="text-align: center" data-position="fixed">
<p>CopyRight ©2020</p>
</div>
</div>

<script>
function ajax_login() {
var username = $("#username").val();
var password = $("#password").val();
var urlweb = "loading_check.php";

if (username==""){
layer.open({content: '請輸入用戶名!',btn: '好的'});
document.getElementById("username").focus();
return false;
}
if (password==""){
layer.open({content: '請輸入密碼!',btn: '好的'});
document.getElementById("password").focus();
return false;
}

$.ajax({
type: "POST",
url: urlweb,
dataType:'json',
data: {user:username,pass:password},
beforeSend: function () {
document.getElementById("submit").value = "正在登入中";
},
success: function (json) {
if(json.Loge==3){
document.getElementById("submit").value = "登入成功";
window.self.location='admin/input.html';
}else if(json.Loge==1){
layer.open({content: '帳戶名錯誤',skin: 'footer'});
document.getElementById("txtname").focus();
document.getElementById("submit").value = "重新登入";
}
}
});
}

</script>

</body>



后台PHP接收处返回信息

include("conn/conn.php");
$user=$_REQUEST['username'];
$pass=md5($_REQUEST['password']);
$sql = mysql_query("select * from user where Nmber='".$user."' and Pass='".$pass."' ");
if($result = mysql_fetch_array($sql)){

echo json_encode(array ('Loge'=>3));
}else{
echo json_encode(array ('Loge'=>1));

}

...全文

相关推荐

jquery mobile开发常见问题分析

主要介绍了jquery mobile开发常见问题,结合实例形式分析了jQuery mobile插件使用过程中的常见错误问题与对应的解决方法,需要的朋友可以参考下

weixin_38653694

jQuery移动web开发之页面跳转和加载外部页面的实现

changePage() 页面跳转 jQuery.mobile.changePage( to [, options ] ) 从一个页面跳转到另一个页面,使用$.mobile对象的changePage方法来实现。但要使用此方式的时候,要以点击一个链接或者提交表单来实现。此方法有两个参数。 to:是第一个参数,是必须的,不可缺少。类型:字符串或者对象。 字符串: 绝对或相对URL地址。如:(“about/us.html”) 对象: jquery选择器对象,如:($(“#about”))。 一个指定了两个页面引用的数组[from,to] ,用以在已知的page进行跳转. From 是当前所能看

weixin_38655561

40个实用的jquery用户界面ui设计技巧及教程.doc

40个实用的jquery用户界面ui设计技巧及教程.doc

学习使人快乐张

诺基亚jquery-mobile例六十一

codechsiidea6-2.html

u010305527

牛叉内容管理系统(NiuXcms) v1.07.rar

牛叉内容管理系统【程序特点】 1. 专为搜索引擎优化设计! 2. 专为网站广告收益优化设计!内含牛叉广告管理优化大师(NiuXams)插件模块。 3. 全部直接生成真静态文件,同时满足搜索引擎优化、网站最小负载。即使php或mysql崩溃也不影响网页访问。赞! 4. 超高的智能水平,只需超级简单的设置和操作,控制面板菜单不超过10个。 5. 全开放式模块设计,高度可扩展性,插件/模块即插即用。 6. 强大模板功能,助你轻松实现文字、图片、视频、音乐、下载、专题等等多种类型内容。 7. 整合最流行先进技术模块/插件,智能水平高,功能强大,操作简单。 8. 编码自动转换,utf8、gbk、big5等编码的网站都可无缝使用。 9. 所有操作、功能、设置内含说明,鼠标停留即可查看帮助、指引、样例参考。 10.在线升级指纹校验让你及时和官方程序同步安全无忧。 11.全开放式主题皮肤设计,随时随地更换你喜欢的主题风格,自制主题皮肤即插即用。 12.使用简单!所有使用者的感觉,但功能却强大! 13.功能强大,操作最简单。轻松创建您的标准版网站和触摸屏手机移动版网站!   一、平台需求 1.php5.2 和 mysql5.0 2.PHP必须环境或启用的系统函数: allow_url_fopen GD扩展库 MySQL扩展库 系统函数 —— phpinfo、dir 3.基本目录结构 /niuxcms        默认后台管理目录(可任意改名)[必须可写入]  4.后台访问 推荐IE8 ,Chrome,Firefox等较新版的浏览器。   二、程序安装 1.下载程序解压到本地目录 2.上传程序所有目录、文件到网站根目录 3.运行http://www.yourname.com/niuxcms/install.php(yourname表示你的域名),按照安装提示说明进行程序安装   三、程序首次使用 1.运行http://www.yourname.com/niuxcms/登录后台控制面板查看基本参数是否需要修改 2.新建栏目/频道 3.设置栏目默认文章模板和栏目模板!(使用通用模板或稍微改动或自己全新设计模板) 4.发布文章,审核文章(俩步骤可一起或分开) 5.新建自定义列表,推荐文章到网站任何页面(是不是超级简单?)    【1.07版升级日志】 1. 增加了广告管理,广告策略管理,广告位管理可通过gid搜索功能。 2. 修正广告代码以使广告位代码的div容器class可以增加其他类名而不会出错。 3. 优化搜索功能,更安全并能够多个关键词搜索。搜索模板也做相应改动。   【1.06版升级日志】 1. 推荐文章功能改进:方便推荐到多个自定义文章列表。 2. 推荐文章功能改进:自动转码功能增强,过滤掉特殊字符。 3. 更改所有样板模板的默认主题为start。 4. 安装增加浏览器版本判断,低于IE8提示更换浏览器。后台登陆浏览器版本推荐IE8 ,Chrome,Firefox等等。    【1.05版升级日志】 1. 第三方js库jquery升级到最新的1.11.0。 2. 首页样板也可自动跳转安装界面。 3. 修改界面可适应1024像素屏幕。 4. 修改通用文章样板模板实现编辑器设置背景可体现在文章页面的功能。 5. 原上传图片最大允许的边长900像素,超过会自动等比缩放,修改为不缩放。 6. 编辑器 撤销 次数增加到200次。 7. 编辑器 自动排版 可自动保存个人偏好。 8. 添加/修改文章界面增加“关键词搜索相关文章列表”插入文章功能。 9. 增加通用文章专题样板模板。配合文章内容专题模板,轻松制作专题。   【1.04版升级日志】 1. 优化函数代码以正确识别新的WIN8.1、IE11等新系统、新浏览器。 2. 第三方模块升级。解决ie8下插入多张远程图片之后,dialog假死。 3. 增加标准版首页和移动版首页样板供依葫芦画瓢。   【1.03版升级日志】 1. 增加了通用智能设备文章/栏目样板模板。轻松建立标准网站和移动网站。 2. 增加了智能设备样板广告。 3. 优化部分代码适应移动网站的建立。   【1.02版升级日志】 1. 第三方js插件升级。 2. 第三方移动框架升级,结合niuxcms模板引擎,可以让你轻松设计一个能在所有流行的智能手机,平板电脑和桌面平台上工作的、高度品牌响应的移动Web站点。   【1.01版升级日志】 1. NiuXams插件模块新增“广告模板”功能。广告模板管理,添加广告可以从广告模板里选择。 2. 优化了部分代码,提高了某些特殊服务器环境程序的速度。

weixin_39840650
评论 2
收藏 已收藏
分享
返回顶部
IF先生
基础编程 21,889 成员 140,329 内容