在openwrt中使用Post方式异步提交数据

在openwrt中，大部分都是使用get方式来进行数据交互，如：XHR.get,XHR.poll。我们可以通过查看xhr.js的源代码来看他的具体实现逻辑。通过查看源代码可以知道，get/poll都是XHR的静态方法，而具体的内部逻辑中，还是通过new XHR().get来进行的数据请求。因此我们也可以使用这种方式来调用他内部提供的post方法。

在使用post方法来交互数据时，对于回调函数中仅有的一个参数是一个xhr对象，因此要获取返回的数据需要调用responseText属性。

<%
     local h = require "luci.http"
 
     if h.formvalue('act') == 'query' then
         h.write('data string...')
         return
     end
 %>
 <input type="button" value="query" onclick="queryHandler(this)" />
 <script type="text/javascript" src="<%=resource%>/xhr.js"></script>
 <script type="text/javascript">
 // <![CDATA[
     function queryHandler() {
         new XHR().post('<%=REQUEST_URI%>', {
             act : 'query'
         }, function(xhr) {
             // 获取到的返回数据，这里与get返回的数据不一样，这里是字符串，而get方式回来的是json
             console.log(xhr.responseText);
         })
     }
 // ]]>
 </script>

正如示例中所描述的，对于post回来的数据，我们通过responseText所得到的是一个字符串，如果我们也想如同get方式回来的是json格式的数据，那么我们可以将xhr.js中get的实现拿过来。

    function queryHandler() {
        new XHR().post('<%=REQUEST_URI%>', {
            act : 'query'
        }, function(xhr) {
            var json = null;
            if (xhr.getResponseHeader("Content-Type") == "application/json") {
                try {
                    json = eval('(' + xhr.responseText + ')');
                }
                catch(e) {
                    json = null;
                }
            }

            // 获取的数据
            console.log(json);
        })
    }