RunJS 上线后收到很多热心网友的反馈，有人说 JavaScript 代码只能处理浏览器内的事情，很难模拟与服务器的交互，为了满足大家这个需求，我们新增了一个 echo API ，允许用户向服务器端发送 Ajax 请求来模拟表单上传，动态加载等动作。
具体的访问方式如下：
- /action/echo/text （返回纯文本）
- /action/echo/json （返回 json 格式数据）
- /action/echo/xml （返回 xml 格式数据）
以上三个API支持 GET 和 POST 请求，返回结果形式：
/action/echo/text?p1=123&p2=456&p3=789
1 |
p3=789 |
2 |
p2=456 |
3 |
p1=123 |
/action/echo/json?p1=123&p2=456&p3=789
1 |
{"p3":"789","p2":"456","p1":"123"}
|
/action/echo/xml?p1=123&p2=456&p3=789
01 |
<?xml version="1.0" encoding="UTF-8"?>
|
02 |
<params>
|
03 |
<param>
|
04 |
<name>p3</name>
|
05 |
<value>789</value>
|
06 |
</param>
|
07 |
<param>
|
08 |
<name>p2</name>
|
09 |
<value>456</value>
|
10 |
</param>
|
11 |
<param>
|
12 |
<name>p1</name>
|
13 |
<value>123</value>
|
14 |
</param>
|
15 |
</params>
|
废话不多说，贴一段代码，大家一看就知道怎么用了：
1 |
<form action="/action/echo/json" method="post" id="form">
|
2 |
<label>参数1:</label><input name="p1"/><br>
|
3 |
<label>参数2:</label><input name="p1"/><br>
|
4 |
<label>参数3:</label><input name="p2"/><br>
|
5 |
<label>参数4:</label><input name="p3"/><br>
|
6 |
<label>参数5:</label><input name="name"/><br>
|
7 |
<input type="submit"/>
|
8 |
</form>
|
9 |
<div id="result"></div>
|
1 |
$(document).ready(function() {
|
2 |
$("#form").ajaxForm({
|
3 |
success: function(m) {
|
4 |
$("#result").html(m);
|
5 |
}
|
6 |
});
|
7 |
}) |
你也可以点击这里 查看代码演示 。
另外需要注意的是，xml格式返回的是xml dom文档对象。