当前访客身份:游客 [ 登录 | 加入开源中国 ]

问答

当前位置:
问答 » 技术分享 » RunJS

开程序员的淘宝店!寻找开源技术服务伙伴!>>> »  

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文档对象。

---------------话题补充---------------

@StonyShi:怎么查看别人的分享呢!(4年前)

王振威 王振威
发帖于 4年前
21回/11457阅

按默认排序  显示最新回答   共有21个回答 (最后回答: 6个月前 )

    0
  • 叶然
    赞一个
    评论(0)| 引用此评论| 举报 (2016-07-19 14:06)
  • 0
  • liango
    为啥这代码到了runjs上就跑不了了呢。。?http://runjs.cn/code/piuqkmsp RunJS 快帮我看看吧,呜呜呜
    评论(0)| 引用此评论| 举报 (2014-08-16 19:25)
  • 0
  • CyanQueen
    擦擦擦,今天动弹的时候才发现,,,
    评论(0)| 引用此评论| 举报 (2014-06-25 23:59)
  • 0
  • OSMeteor
    顶。。。
    评论(0)| 引用此评论| 举报 (2014-06-24 11:20)
  • 0
  • 引用来自“SnowFlake”的答案

    没效果啊
    w为什么
    评论(0)| 引用此评论| 举报 (2014-02-25 15:57)
  • 1
  • SnowFlake
    没效果啊
    评论(0)| 引用此评论| 举报 (2013-08-09 12:16)
  • 1
  • 无名人士
    评论(0)| 引用此评论| 举报 (2012-12-29 13:44)
  • 0
  • 王振威

    引用来自“hexawing”的答案

    做得这么好,好想用,可是ExtJS错位的问题怎么办啊……
    请给出具体情况。
    --- 共有 1 条评论 ---
    评论(1)| 引用此评论| 举报 (2012-12-10 16:06)
  • 0
  • hexawing
    做得这么好,好想用,可是ExtJS错位的问题怎么办啊……
    评论(0)| 引用此评论| 举报 (2012-12-10 16:03)
  • 0
  • 叫我蝴蝶吧

    there's a issue about leave prompt message that on Firefox 16 it shows "This page is asking you to confirm that you want to leave - data you have entered may not be saved.", but on chrome it shows "代码尚未保存,确认离开将不会保存当前数据".

    I think beforeunload event doesn't work well for Firefox even this's small problem. what do you think?

    --- 共有 2 条评论 ---
    • 叫我蝴蝶吧 回复 @彭博 : right. Function is no problem. 其实我是想知道firefox如何能显示出beforeunload事件捕获的message (4年前)   回复
    • 彭博 功能上应该没问题哦,不同浏览器对提示信息的显示貌似是不同 (4年前)   回复
    评论(2)| 引用此评论| 举报 (2012-11-20 09:38)
最新热门职位
更多开发者职位上 开源中国·招聘


回评论顶部 | 回页面顶部