MockAJAX
出自Manyou开发者指南
描述
MYML 支持 Mock AJAX (模拟AJAX)功能。在任何元素上设置 clickrewriteid, clickrewriteform,以及 clickrewriteurl 几个属性之后,当用户点击该元素后,clickrewriteform 指定的 form 中的内容会先被 POST 到 Manyou 的服务器端,随后将被发送到由clickrewriteurl 指定的 URL。并且由该 URL 返回一段 MYML。 随后,Manyou 将得到的 MYML 解析成 HTML,并将其设置为由 clickrewriteid 指定的DOM元素的 innerHTML。
这种方式的好处在于 —— 既保证了 Manyou 平台对请求的有效控制,又可以使用清晰准确的MYML代码指定呈现的结果。
需要注意的是,请求应直接指向你的应用服务器的相对地址,比如 ajax/req.php,而不是 http://apps.manyou.com/yourapp/ajax/req.php 。如果你尝试请求apps.manyou.com ,你可能将得到一个登陆页面,而不是合法的 MYML 返回值。
属性值
- clickrewriteid – 负责接受返回数据的div的id。
- clickrewriteurl – 取得数据的url。
- clickrewriteform – 用来提交的form。
范例
<div id="rewrite_div"></div>
<img id="spinner_img" src="http://your_server/spinner.gif" style="display:none;"/>
<img id="hide_img" src="http://your_server/hide.gif" style="display:none;"/>
<div id="t1">toggle1</div>
<div id="t2">toggle2</div>
<form id="rewrite_form">
<input type="hidden" name="pa" value="va" />
<input type="radio" name="pb" value="vb2" checked="checked" />
<input type="radio" name="pb" value="vb3" />
</form>
<a clickrewriteurl="ajax/req.php"
clickrewriteform="rewrite_form"
clickrewriteid="rewrite_div"
clickrewriteloading="加载中..."
clicktoshow="spinner_img"
clicktohide="hide_img"
clicktotoggle="t1, t2"> mock ajax test </a>
