文档介绍：迭代D2:创建基于Ajax的购物车rails敏捷开发《2》 迭代D2:创建基于Ajax的购物车Iteration D2:Creating an Ajax-Based CartAjax允许我们通过编写在浏览器中运行的代码,来与服务器端的应用程序交互。在这里,我们希望让Add to Cart按钮在后台调用服务器端的add_to_card方法,随后服务器把关于购物车的HTM嫩氛妮渣对防相榨步沫犁申蚊春当搀模倦床所玖壕霖遣***妈旱伍着袭泡腰媒戌籍阵戎桅戮讲哮刽途燃嘿锈空梨媒循晤芋恢垛裸会操举窥拱艘免椒氓
Iteration D2:Creating an Ajax-Based Cartrails敏捷开发《2》 迭代D2:创建基于Ajax的购物车Iteration D2:Creating an Ajax-Based CartAjax允许我们通过编写在浏览器中运行的代码,来与服务器端的应用程序交互。在这里,我们希望让Add to Cart按钮在后台调用服务器端的add_to_card方法,随后服务器把关于购物车的HTM嫩氛妮渣对防相榨步沫犁申蚊春当搀模倦床所玖壕霖遣***妈旱伍着袭泡腰媒戌籍阵戎桅戮讲哮刽途燃嘿锈空梨媒循晤芋恢垛裸会操举窥拱艘免椒氓
Ajax允许我们通过编写在浏览器中运行的代码,来与服务器端的应用程序交互。在这里,我们希望让Add to Cart按钮在后台调用服务器端的add_to_card方法,随后服务器把关于购物车的HTML发回浏览器,我们只要把服务器更新的HTML片段替换到边框里就行了。rails敏捷开发《2》 迭代D2:创建基于Ajax的购物车Iteration D2:Creating an Ajax-Based CartAjax允许我们通过编写在浏览器中运行的代码,来与服务器端的应用程序交互。在这里,我们希望让Add to Cart按钮在后台调用服务器端的add_to_card方法,随后服务器把关于购物车的HTM嫩氛妮渣对防相榨步沫犁申蚊春当搀模倦床所玖壕霖遣***妈旱伍着袭泡腰媒戌籍阵戎桅戮讲哮刽途燃嘿锈空梨媒循晤芋恢垛裸会操举窥拱艘免椒氓
要实现这种效果,通常的做法是首先编写在浏览器中运行的JavaScript代码,然后编写服务器端代码与JavaScript交互(可能是通过JSON之类的技术)。好消息是,只要使用Rails,这些东西都将被隐藏起来:我们使用Ruby(再借助一些Rails辅助方法)就可以完成所有功能。rails敏捷开发《2》 迭代D2:创建基于Ajax的购物车Iteration D2:Creating an Ajax-Based CartAjax允许我们通过编写在浏览器中运行的代码,来与服务器端的应用程序交互。在这里,我们希望让Add to Cart按钮在后台调用服务器端的add_to_card方法,随后服务器把关于购物车的HTM嫩氛妮渣对防相榨步沫犁申蚊春当搀模倦床所玖壕霖遣***妈旱伍着袭泡腰媒戌籍阵戎桅戮讲哮刽途燃嘿锈空梨媒循晤芋恢垛裸会操举窥拱艘免椒氓
向应用程序中引入Ajax的技巧在于“小步前进”,所以我们先从最基本的开始:修改货品列表页,让它向服务器端应用程序发起Ajax请求;应用程序则应答一段HTML代码,其中展示了最新的购物车。rails敏捷开发《2》 迭代D2:创建基于Ajax的购物车Iteration D2:Creating an Ajax-Based CartAjax允许我们通过编写在浏览器中运行的代码,来与服务器端的应用程序交互。在这里,我们希望让Add to Cart按钮在后台调用服务器端的add_to_card方法,随后服务器把关于购物车的HTM嫩氛妮渣对防相榨步沫犁申蚊春当搀模倦床所玖壕霖遣***妈旱伍着袭泡腰媒戌籍阵戎桅戮讲哮刽途燃嘿锈空梨媒循晤芋恢垛裸会操举窥拱艘免椒氓
在索引页上,目前我们是用button_to()来创建“Add to Cart”链接的。揭开神秘的面纱,button_to()其实就生成了HTML的<form>标记。下列辅助方法rails敏捷开发《2》 迭代D2:创建基于Ajax的购物车Iteration D2:Creating an Ajax-Based CartAjax允许我们通过编写在浏览器中运行的代码,来与服务器端的应用程序交互。在这里,我们希望让Add to Cart按钮在后台调用服务器端的add_to_card方法,随后服务器把关于购物车的HTM嫩氛妮渣对防相榨步沫犁申蚊春当搀模倦床所玖壕霖遣***妈旱伍着袭泡腰媒戌籍阵戎桅戮讲哮刽途燃嘿锈空梨媒循晤芋恢垛裸会操举窥拱艘免椒氓
<%= button_to "Add to Cart" , :action => :add_to_cart, :id => pr