ThinkPHP Ajax for JQuery

pyzheng

浏览: 3432483 次
性别:
来自: 珠海

最近访客更多访客>>

kopomimi

oszerone

lindow

leisure0422

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2016-06 ( 26)
2016-05 ( 32)
2016-04 ( 33)
更多存档...

博客分类：

ThinkPHP Ajax for JQuery
A:
-------------------------------
1. html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>留言板</title>
	<load href="__PUBLIC__/css/site.css"/>
	<load href="__PUBLIC__/js/jquery-1.3.2.js"/>
	<load href="__PUBLIC__/js/jquery.form.js"/>
	<load href="__PUBLIC__/js/ajaxText.js"/>
</head>
<body>
	<div>
		<form id="myForm" action="" method="post">
			<p>
				Title:<input type="text" name="title" id="title" maxlength="20" value="%a%">
			</p>
			<p>
				<input type="button" name="submit" value="Call Ajax" onclick="callAjax('__URL__/checkName')">
			</p>
		</form>
	</div>
	<div id="fromServerdiv"></div>
</body>
</html>

ajaxText.js:
-----------------------------------

callAjax = function(url){
/*    
   $.post(url, { 'username': $('#username').val() }, function(obj,status){
        alert(obj.data);
		alert(obj.info);
		alert(status);
		$("#fromServerdiv").html(obj.info);
    }, 'json');

    或者*/
    $.ajax({
		 type: "POST",
		 url: url,
		 data:   "name=John&location=Boston",
		 dataType: 'json',
		 success: function(obj){
		 	 alert( "Data Saved: " + obj.data ); 
			 alert( "Data Saved: " + obj.info );
	     } 

	})
}

AjaxAction.class.php
--------------------

public function checkName(){
        header("Content-type:text/html; charset=utf-8");
    	$this->ajaxReturn("abc","测试数据A",'用户名正确~',0);
    }

B:
HTML
---------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>留言板</title>
	<load href="__PUBLIC__/css/site.css"/>
	<load href="__PUBLIC__/js/jquery-1.3.2.js"/>
	<load href="__PUBLIC__/js/jquery.form.js"/>
	<load href="__PUBLIC__/js/ajaxText.js"/>
</head>
<body>
	<div>
		<form id="myForm" action="__URL__/fromAjaxServer" method="post">
			<p>
				Title:<input type="text" name="title" id="title" maxlength="20" value="%a%">
			</p>
			<p>
				<input type="submit" name="submit" value="Submit Ajax">
			</p>
		</form>
	</div>
	<div id="fromServerdiv"></div>
</body>
</html>

JS:
-----------------------

checkForm = function(){
    alert("checkForm");
}
complete = function(obj,status){
    alert(obj.data);
	alert(obj.info);
	alert(status);
	$("#fromServerdiv").html(obj.info);
}

$(document).ready(function(){
	$('#myForm').ajaxForm({
        beforeSubmit: checkForm, // pre-submit callback
        success: complete, // post-submit callback
        dataType: 'json'
    });
})

Action:
--------------------

public function fromAjaxServer(){
    	header("Content-type:text/html; charset=utf-8");
    	$this->ajaxReturn("abc","测试数据B",'用户名正确~',0);
    }

分享到：

遍历JavaScript对象的所有属性 | PHP 页面编码声明方法详解(header或meta)

2011-09-13 15:46
浏览 2910
评论(2)
分类:企业架构
查看更多

2 楼 pyzheng 2011-11-02

三尺寒冰写道

请问 __PUBLIC__是在哪里定义呢？

这个是模板会自动被替换，默认是./Public这个路径,应该可以配置的。

1 楼三尺寒冰 2011-10-19

请问 __PUBLIC__是在哪里定义呢？

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

ThinkPHP Ajax for JQuery

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

ThinkPHP Ajax for JQuery

评论

发表评论

相关推荐

php图片添加文字水印实现代码

借助phpmailer使用gmail和163邮箱发送邮件

PHP 启用Gzip 压缩进行优化

自定义Access-Control-Allow-Origin策略以解决字体文件跨域权限问题

推荐 7 款类似Google Analytics 的开源程序

piwik安装过程

使用 PHP 获取并解析 JSON 显示在页面中

PHP获得IP

CakePHP的全局常量及方法

php日期

PHP生成各种验证码和Ajax验证

计算一段日期内的周末天数的php代码（星期六，星期日总和）

PHP中出现Notice: Undefined index的三种解决办法

细说websocket - php篇

CakePHP log(日志)操作

使用PHP缩略图和剪切图

几个jQuery的图片裁剪插件

提升CakePHP网页应用速度的八大方法

PHP URL 重定向 的三种方法

PHP如何实现整除

最近访客更多访客>>

PHP URL 重定向的三种方法