TP 框架 ajax[利用异步提交表单]

 1  //[]
 2
 3     $(function () {
 4         $("#send-btn" ).click(function (){
 5             //接受表单的值
 6             var  username=$(‘input[name=username]‘).val();
 7             var  content=$(‘textarea[name=content]‘).val();
 8             if(username==‘‘){
 9                 alert(‘用户名不能为空!‘);
10                 username.focus();
11                 return ;
12             }
13             if(content==‘‘){
14                 alert(‘用户名不能为空!‘);
15                 content.focus();
16                 return ;
17             }
18             //定义post的路径:
19             //注意  只有在当前页面中才会解析路由地址
20             //如果是在外部的资源文件时不会被解析的回被原样输出
21             var handlurl=‘{:U("hadle","","")}‘;//因为是在当前控制器所以可以不用写控制器名称,直接写提交到的方法
22             $.post(handlurl,{username:username,content:content},function(data){
23                 if(data.status>0){
24                   var str =‘<dl class="paper a1">‘;
25                          str+=‘  <dt>‘;
26                          str+=‘   <span class="username">‘+data.username+‘</span>‘;
27                          str+=‘   <span class="num">No.0000‘+data.id+‘</span>‘;
28                          str+=‘  </dt>‘;
29                          str+=‘     <dd class="content">‘+data.content+‘</dd>‘;
30                          str+=‘     <dd class="bottom">‘;
31                          str+=‘     <span class="time">‘+data.time+‘</span>‘;
32                          str+=‘     <a href="" class="close"></a>‘;
33                          str+=‘</dl>‘;
34                          $(‘#main‘).append(str);
35                          $(‘#close‘).click();
36                 }else{
37                     alert(‘发布失败‘);
38                 }
39             },‘json‘);
40         });
41
42
43 });
//处理表单
    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 "页面不存在!~!";
    	}
    }

  

时间: 2024-12-28 20:32:50

TP 框架 ajax[利用异步提交表单]的相关文章

.net mvc Ajax.BeginForm 异步提交表单

Ajax.BeginForm异步表单用validform验证插件...... 之前找了一个jquery的验证插件validform,对此插件很满意,但是这个插件对<input type="button">按钮不感冒(检测不到这个按钮的onclick事件),只检测<input type="submit">的提交事件. 于是乎想到mvc 有一个异步表单Ajax.BeginForm,经测试可用.记录下来以便查阅 <script src=&qu

ajax.BeginForm异步提交表单并更新数据

using (Ajax.BeginForm("GetBasicInformation", "Employee", //new AjaxOptions { UpdateTargetId = "basicInfo", //设置HTML元素的ID,从服务器接收的内容将被插入到该元素中LoadingElementId="loading",//指定HTML元素的ID,这是执行ajax请求其间要显示的HTML元素 LoadingEleme

ASP.NET MVC 网站开发总结(五)——Ajax异步提交表单之检查验证码

首先提出一个问题:在做网站开发的时候,用到了验证码来防止恶意提交表单,那么要如何实现当验证码错误时,只是刷新一下验证码,而其它填写的信息不改变? 先说一下为什么有这个需求:以提交注册信息页面为例,一般注册都需要用户填一个验证码信息(防止机器恶意注册),并且这个验证码会提交到后台去进行比对,若是错了则不会检查其他提交信息而直接返回浏览器端提示验证码错误.若是简单地用form表单直接将数据提交到指定的url,当验证码填写错误的信息返回浏览器端的时候,不可避免整个页面都会重新刷新一次,这是用户所不想要

JQuery 异步提交表单

1.使用post提交方式 2.构造表单的数格式 3.结合form表单的submit调用ajax的回调函数. 使用 jQuery 异步提交表单代码: 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无标题页</title> </head> <script src="js/jquery-1.4.2.js"></sc

Jquery异步提交表单到Action

转载请注明出处:jiq?钦's technical Blog 一 需求 出于兴趣最近在做分布式注册中心的管理界面,其中一个模块是左边的树显示所有ZooKeeper节点,使用的ztree实现,点击树节点的时候会查询后台action返回节点数据,显示在右边区域,为了不刷整个页面,所以采用的是Jquery的异步请求Action返回JSON数据,参考我的这篇文章,然后使用Jquery的load函数载入显示节点信息的nodeInfo.jsp,以返回的JSON数据为参数. 效果如下: 现在的需求是:我要在编

SpringMVC中的异步提交表单

1.前言 近期在做一个项目,前台框架用的是EasyUI+SpringMVC,因为对SpringMVC不太了解,所以刚開始接触的时候有点吃力,在此通过一个EasyUi中的DataGrid表格来总结一下.  2.SpringMVC中的View向控制器传參 在SpringMVC中,View怎样向控制器传參数呢? 尤其是Form表单提交的时候,详细有例如以下几种方式 2.1 HttpServletRequest 能够通过getParameter()方法来获取前台传过来的參数 2.2 Form表单绑定 /

利用JS提交表单的几种方法和验证(必看篇)

第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <script type="text/javascript">    function validate(obj) {     if (confirm("提交表单?")) {       alert(obj.value);       return true;     }

Jquery 异步提交表单(post)

方法  $.post(url,params,function(data){}); 表单的action,method属性都没有 button的type不能为submit只能为button 前台代码 <script type="text/javascript"> $(function()         {    //异步提交表单  $("#save").click(function(){      $.post("${ctx}/order/sav

使用ajax异步提交表单

虽然这篇文章的标题是提交表单,但是主要的难点在于使用ajax提交文本域的内容, 在工作中的经常会需要ajax跨域的问题,通常的需求使用jsonp就可以得到解决,但是当前项目中有一个图片服务器,客户端需要直接上传图片到图片服务器中,这就产生了一个跨域post提交文件的问题,很显然jquery本身jsonp只支持get方式的异步提交肯定是不行 其中也尝试过使用ifrmae的方法来提交数据,在网上有,但是效果不理想,并且也很复杂的样子,最后选择出了jquery.from.js 这个插件,可以实现异步的