backbone与php交互

flex_莫冲

浏览: 1091811 次
性别:
来自: 广州

最近访客更多访客>>

my_xinwen

MarshWinter

fuhsea

gzhif815

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

backbone通过save保存数据到服务器端，通过fetch从服务器端获取数据。两者执行时都会调用sync函数，而不会执行服务器端操作。因此，除非是自定义的sync操作（如采用websocket等非ajax方式提交），否则不需要覆盖sync函数。
问题1：php不能通过$_POST获取参数
save默认提交的是post方式，application/json的content-type，但是php的$_post只能接收Content-Type: application/x-www-form-urlencoded提交的数据，因此不能使用该方式获取参数。而采用file_get_contents("php://input")来获取
看了源码，设置Backbone.emulateJSON=true可更改contentType。但是我设置过依然没变。

问题：fetch可以传递参数吗？
当然可以。在fetch的options参数中设置data属性，传入jsonString参数。还可以通过type设置ajax的类型。默认是get。

if (Backbone.emulateJSON) {
      params.contentType = 'application/x-www-form-urlencoded';
      params.data = params.data ? {model: params.data} : {};
    }

html代码

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script src="lib/jquery-1.7.2.min.js" type="text/javascript"></script>
		<script src="lib/underscore-min.js" type="text/javascript"></script>
		<script src="lib/backbone-min.js" type="text/javascript"></script>
	</head>
	<body>
		
	</body>
	
	<script>
		(function ($){
			//model 默认name
			Man = Backbone.Model.extend({
				//构造函数
				initialize :function(){
					//alert("you create me");
					//监听属性更改事件
					this.bind("change:name",function(){
						var name = this.get("name");
						alert("you change name to " + name);
					})
					this.bind("error",function(model,error){
						//alert(error);
					})
				},
				url:"save.php",
				//Backbone 每次向服务器读取或保存模型时都要调用执行的函数 默认是jquery.ajax方式。
				
				// sync:function(method, model) {
					// //method会更具save的不同而改变，create，update，delete，read
				  // alert(method + ": " + JSON.stringify(model));
				  // model.id = 1;
				// },

				//默认属性
				defaults:{
					name:'david',
					age:30
				},
				aboutMe:function(){
					return "my name is " + this.get("name") + "今年" + this.get("age") + "岁";
				},
				validate:function(attributes){
					if(attributes.name == "fuck"){
						return "name is error!";
					}
				}
			});
			
			var man = new Man;
			//实例更改属性
			man.set({name:"andy"});
			//save会执行Backbone.sync 若model定义了sync则不会执行服务器请求
			man.save({success:function(model,response){
				console.log(response);
			}},{error:function(err){
				console.log("err");
			}});

			// man.save({name: "luky"});
			
			//从php服务器端获取返回数据 若model定义了sync则不会执行服务器请求
			//从php服务器端获取返回数据
			var man1 = new Man();
			man1.fetch({
				url:"fetch.php",
				type:"POST",
				data:"name=John&location=Boston",
				success:function(model,response){
					alert(response.name);
				},
				error:function(err){
					console.log("err");
				}
			});


		})(jQuery);
	</script>
</html>

save.php

<?php
	header('Content-Type: application/json; charset=utf-8');  
	//不能通过$_POST获取。因为$_POST['paramName'] 只能接收Content-Type: application/x-www-form-urlencoded提交的数据
	$man = json_decode(file_get_contents("php://input"));
	file_put_contents("data.txt", $man->name);
	echo true;  
?>

fetch.php

<?php
	header('Content-Type: application/json; charset=utf-8');  
	file_put_contents("data.txt", $_POST["name"]);
	die(json_encode(array('name'=>'tom')));  
?>

分享到：

backbone route demo | 如何解决非IE浏览器的web打印

2012-10-17 10:32
浏览 7032
评论(2)
分类:Web前端
查看更多

2 楼 flex_莫冲 2015-02-16

a2631500 写道

"看了源码，设置Backbone.emulateJSON=true可更改contentType。但是我设置过依然没变。 "

实际上是有效的，详见：http://dfhuo.com/wordpress/?p=756

多谢分享。

1 楼 a2631500 2015-02-13

"看了源码，设置Backbone.emulateJSON=true可更改contentType。但是我设置过依然没变。 "

实际上是有效的，详见：http://dfhuo.com/wordpress/?p=756

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论