21
回答
RunJS 新增 Echo Ajax 测试功能
【阿里云】新一代云服务器,9元体验半年,限时领取!>>>   

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

p3=789
p2=456
p1=123

/action/echo/json?p1=123&p2=456&p3=789

{"p3":"789","p2":"456","p1":"123"}

/action/echo/xml?p1=123&p2=456&p3=789

<?xml version="1.0" encoding="UTF-8"?>
<params>
	<param>
		<name>p3</name>
		<value>789</value>
	</param>
	<param>
		<name>p2</name>
		<value>456</value>
	</param>
	<param>
		<name>p1</name>
		<value>123</value>
	</param>
</params>

废话不多说,贴一段代码,大家一看就知道怎么用了:

    <form action="/action/echo/json" method="post" id="form">
    	<label>参数1:</label><input name="p1"/><br>
      <label>参数2:</label><input name="p1"/><br>
      <label>参数3:</label><input name="p2"/><br>
      <label>参数4:</label><input name="p3"/><br>
      <label>参数5:</label><input name="name"/><br>
      <input type="submit"/>
    </form>
    <div id="result"></div>
$(document).ready(function() {
	$("#form").ajaxForm({
		success: function(m) {
			$("#result").html(m);
		}
	});
})

你也可以点击这里 查看代码演示

另外需要注意的是,xml格式返回的是xml dom文档对象。

举报
王振威
发帖于5年前 21回/12K+阅

以下是话题补充:

  • @StonyShi :怎么查看别人的分享呢! (5年前)
顶部