zoukankan      html  css  js  c++  java
  • RunJS 新增 Echo Ajax 测试功能

    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

    1p3=789
    2p2=456
    3p1=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文档对象。

  • 相关阅读:
    xshell的优化和连接
    系统安装后的linux和vmware的网络配置
    CentOS安装系统安装完成
    最快让你上手ReactiveCocoa之进阶篇
    最快让你上手ReactiveCocoa之基础篇
    提升自己逼格的编程之美之代码规范
    告别2016迎接2017,分享一些第三方插件
    Swift 3.0 令人兴奋,但Objective-C也有小改进--Objective-C的类属性
    ReactiveCocoa 5.0 初窥:可能是最痛的一次升级
    react+antd+select+lodash模糊搜索防抖
  • 原文地址:https://www.cnblogs.com/shihao/p/2766865.html
Copyright © 2011-2022 走看看