TP 框架 ajax[利用异步提交表单]
//[]
$(function () {
$("#send-btn" ).click(function (){
//接受表单的值
var username=$('input[name=username]').val();
var content=$('textarea[name=content]').val();
if(username==''){
alert('用户名不能为空!');
username.focus();
return ;
}
if(content==''){
alert('用户名不能为空!');
content.focus();
return ;
}
//定义post的路径:
//注意 只有在当前页面中才会解析路由地址
//如果是在外部的资源文件时不会被解析的回被原样输出
var handlurl='{:U("hadle","","")}';//因为是在当前控制器所以可以不用写控制器名称,直接写提交到的方法
$.post(handlurl,{username:username,content:content},function(data){
if(data.status>0){
var str ='<dl class="paper a1">';
str+=' <dt>';
str+=' <span class="username">'+data.username+'</span>';
str+=' <span class="num">No.0000'+data.id+'</span>';
str+=' </dt>';
str+=' <dd class="content">'+data.content+'</dd>';
str+=' <dd class="bottom">';
str+=' <span class="time">'+data.time+'</span>';
str+=' <a href="" class="close"></a>';
str+='</dl>';
$('#main').append(str);
$('#close').click();
}else{
alert('发布失败');
}
},'json');
});
});
//处理表单
public function hadle(){
if(IS_AJAX){//判读是否为post提交过了
$data=array(
'username'=>I('username'),
'content'=>I('content'),
'time'=>time()
);
$data_send=$data;
//数据操作
$model=new Model('wish');
$res=$model->data($data)->add();//获取最后插入的ID
if($res>0){
$con=$data_send['content'];
//保存在数据中
$data['content']=rep_str($con);
$data['time']=date('y-m-d H:i',$data['time']);
$data['status']=1;
$data['id']=$res;
$this->ajaxReturn($data,'json');
}else{
$this->ajaxReturn(array('status'=>0),'json');
}
}else{
echo "页面不存在!~!";
}
}
TP 框架 ajax[利用异步提交表单]的更多相关文章
- ajax.BeginForm异步提交表单并显示更新数据
view代码: <!--基本信息模块--> 2 <div class="profile_box" id="basicInfo"> 3 & ...
- ASP.NET MVC 网站开发总结(五)——Ajax异步提交表单之检查验证码
首先提出一个问题:在做网站开发的时候,用到了验证码来防止恶意提交表单,那么要如何实现当验证码错误时,只是刷新一下验证码,而其它填写的信息不改变? 先说一下为什么有这个需求:以提交注册信息页面为例,一般 ...
- jquery ajax异步提交表单数据
使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的: 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据 ...
- SpringMVC中的异步提交表单
1.前言 近期在做一个项目,前台框架用的是EasyUI+SpringMVC,因为对SpringMVC不太了解,所以刚開始接触的时候有点吃力,在此通过一个EasyUi中的DataGrid表格来总结一下. ...
- 雷林鹏分享:jQuery EasyUI 表单 - 创建异步提交表单
jQuery EasyUI 表单 - 创建异步提交表单 本教程向您展示如何通过 easyui 提交一个表单(Form).我们创建一个带有 name.email 和 phone 字段的表单.通过使用 e ...
- jQuery.Form.js 异步提交表单使用总结
jQuery.Form.js 是一个用于使用jQuery异步提交表单的插件,它使用方法简单,支持同步和异步两种方式提交. 第一步:引入jQuery与jQuery.Form.js <script ...
- 利用JS提交表单的几种方法和验证(必看篇)
第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <scr ...
- 使用ajax异步提交表单
虽然这篇文章的标题是提交表单,但是主要的难点在于使用ajax提交文本域的内容, 在工作中的经常会需要ajax跨域的问题,通常的需求使用jsonp就可以得到解决,但是当前项目中有一个图片服务器,客户端需 ...
- Ajax 跨域提交表单
跨域提交表单,前端ajax不用做任何修改, 只需要在后端调用的方法里面添加一行代码即可. .NET 版 HttpContext.Response.AddHeader("Access-Cont ...
随机推荐
- 转: codereview工具之 review board 选型与实践
转:ReviewBoard代码评审实践总结 http://my.oschina.net/donhui/blog/350074 svn与review board 结合实践 http://my.oschi ...
- Web.xml 错误或异常页面配置
<error-page> <error-code>404</error-code> <location>/ ...
- Android 底部TabActivity(1)——FragmentActivity
先看看效果图: 第一篇Tab系列的文章首先实现这样的风格的底部Tab:背景条颜色不变,我们是用了深灰的颜色,图标会发生对应的变化.当选中某个标签后该标签的背板会由正常的颜色变为不正常,哈哈,是变为加深 ...
- Vim快捷键整理
Vim主要分为两种模式一种是Insert模式,该模式下可以像其它文本编辑器一样正常输入字符:另一种是Normal模式,该模式下Vim监听用户的按键可以对文本进行快速修改. 想要从Insert模式切换到 ...
- 【DB2】DbVisualizer编译存储过程
之前我一直以为DbVisualizer是不可以编译存储过程的,现在才发现是可以的,编译如下: 只需要在编译的时候注意使用--/与/将存储过程包为起来编辑即可.
- 【Pyhton 数据分析】通过gensim进行文本相似度分析
环境描述 Python环境:Python 3.6.1 系统版本:windows7 64bit 文件描述 一共有三个文件,分别是:file_01.txt.file_02.txt.file_03.txt ...
- 06-spring学习-自动装配
自动装配前面也有写过.这里只做补充 在之前,对于要引用的属性,都必须写上名称, 原始配置: 当要在emp对象里面引用dept对象的时候,需要明确的使用“ref“属性去找到指定的名称,但是这种操作中也可 ...
- 分享一下自己ios开发笔记
// ********************** 推断数组元素是否为空 ********************** NSString *element = [array objectAtIndex ...
- JS遍历数组类型元素
已停供用户不能再次停供,之前没太处理过多维数组的遍历,趁这个机会回顾一下js数组遍历 可以看出rows 获取了两条数据,为二维数组类型 方法 function batchTgWin() { var r ...
- Python向PHP发起GET与POST请求
CloudB项目中到PHP开发WEB管理端,用Python开发服务控制端,在项目中Python的服务控制端有时候须要主动连接PHP的WEB管理端下载或上传配置參数或数据信息,这里採用的原理是Pytho ...