前端与后端有哪几种ajax交互方法

首先，关于前后端 的数据交互方法，ajax自己算一种。

如果是想问ajax的交互属性，那么 有四种：

GET，POST，PUT，DELETE

被提倡使用的是GET和POST。

然后，如果是想问前后端的数据交互方法的话，那有至少5种

1 HTML赋值（输出到 Element 的 value 或 data-name）

2 JS赋值（将数据填充到 `<script>` 的 JavaScript 变量声明中。）

3 script填充JSON （填充 JSON 数据到 `<script>` 标签中，前端通过 DOM 获取 JSON字符串并解析成对象。）

4 AJAX获取JSON

5 WebSocket实时传输数据（如果将 AJAX请求和响应比喻成给服务器发短信和等待服务器回复短信，而 WebSocket 就如同和服务器打电话）

js中代码

$ajax({

type: "Post",

//contentType: "application/json",//

url:"Postaspx",

dataType: "xml", //返回格式

data:"" ,//"格式{paraName:paraValue}",

success: function(result)

{

var ID="<p color='red'>Post</p>";

$(result)find("Table")each(function(){

ID += $(this)children("xmmc")text() + "<br>";

});

$("#dd")html(ID);

}

});

3在html中的代码

<div id="dd" style="border:solid 1px red; clear:both ; width:200px;">

</div>

4在Postaspx页面的代码（也就是后台代码）

protected void Page_Load(object sender, EventArgs e)

{

DataSet ds = t_yr04_szkDAOGetDataSet("");

XmlToAjax(ds);

}

public void XmlToAjax(DataSet ds)

{

ResponseContentType = "text/xml";

ResponseCharset = "UTF-8";

ResponseClear();

ResponseWrite("<xml version=\"10\" encoding=\"utf-8\" >\n " + dsGetXml());

ResponseEnd();

}

首先写一个一般处理程序来获取到你要加载到前台的数据，并序列化成json格式。

public class AjaxUserList : I>    }

然后，前台ajax请求这个一般处理处理程序获取到json数据，再通过js将数据添加到html。

        function LoadUserInfo(pageIndex) {

            $post("AjaxUserListashx", { "pageIndex": pageIndex }, function (data) {

                var serverData = $parseJSON(data);

                for (var i = 0; i < serverDataresultUserListlength; i++) {

                    $("<tr><td>" + serverDataresultUserList[i]ID + "</td><td>" + serverDataresultUserList[i]UName + "</td><td>" + serverDataresultUserList[i]UPwd + "</td><td>" + ChangeDateFormat(serverDataresultUserList[i]SubTime) + "</td><td>" + serverDataresultUserList[i]Remark + "</td><td><a href='javascript:void(0)' class='details' Uid='" + serverDataresultUserList[i]ID + "'>详细</a></td><td><a href='javascript:void(0)' class='edits' Uid='" + serverDataresultUserList[i]ID + "'>编辑</a>  <a href='javascript:void(0)' class='deletes' Uid='" + serverDataresultUserList[i]ID + "' UName='" + serverDataresultUserList[i]UName + "'>删除</a></td></tr>")appendTo("#tabUserList");

                }

            });

        }

AJAX必定是要有返回值回调过来的，都是后端程序提供的返回值，对于前端工程师来说，你只需要做出AJAX的前端功能就可以了。

至于测试完整性和可用性，两种方法：

1、你可以做个静态页面，页面里随便写一句话就行了，看AJAX能否获取到。

2、做个后端程序页面，页面代码就只写一句话，只是扩展名为后端程序的扩展名而已，但运行需要此程序的环境支持，再看AJAX能否获取到。

以上就是关于前端与后端有哪几种ajax交互方法全部的内容，包括:前端与后端有哪几种ajax交互方法、asp.net前端通过ajax如何获得后台图片的Url、C#如何用ajax把本地数据库的数据显示在前端页面（view里面）例如一个span一个div等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！