action传输json数据

在前端开发中，常常需要从后台获取数据，以便在页面上进行展示、处理等操作。而在传输数据的过程中，action是一个非常重要的概念。

    <form action="url" method="post">
        <input type="text" name="username">
        <input type="text" name="password">
        <button type="submit">提交</button>
    </form>

上述代码中，form标签的action属性指定了提交表单时请求的URL地址。而数据的传输方式通常有两种：get和post。

    function sendRequest(method,url,data,successCallback,failCallback) {
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function() {
            if (xhr.readyState === XMLHttpRequest.DONE) {
                if (xhr.status === 200) {
                    successCallback(xhr.responseText);
                } else {
                    failCallback(xhr.status);
                }
            }
        };
        xhr.open(method,true);
        xhr.setRequestHeader("Content-type","application/json");
        xhr.send(JSON.stringify(data));
    }

上述代码是使用原生JavaScript发送请求的示例。其中，HTTP请求的方法（"GET"或"POST"）和请求的URL地址（url）在sendRequest函数的参数中指定。关键的是，在发送POST请求时，需要设置Request Header中的Content-type为application/json，同时利用JSON.stringify函数将数据转换成JSON字符串。
在后台，利用相应的框架（如SpringMVC）解析请求体中的JSON数据，可以快速得到前端传来的数据。

总之，通过form表单的action属性和ajax请求的url参数，我们可以以get或post方法传输数据。而对于JSON数据的操作，则需要在请求头中设置Content-type为application/json，并将数据使用JSON.stringify函数转换成JSON字符串。