ajax从服务器获取信息并拼接显示在table

1、页面代码

<body>
    <h1>显示所有员工信息</h1>
    <div>
        <table class="table">
            @*标题*@
            <thead>
                <tr>
                    <th>账号</th>
                    <th>真实姓名</th>
                    <th>电话</th>
                    <th>密码</th>
                    <th>状态</th>
                </tr>
            </thead>
            @*内容*@
            <tbody id="tbd"></tbody>
        </table>
    </div>
</body>

2、ajax

<script>
    //文档准备就绪函数
    $(function () {
        lists();
    })
    //显示信息
    function lists() {
        $.ajax({
            url: "http://localhost:51071/api/User",
            type: "get",
            success: function (data) {
                //清空tbd
                $("#tbd").empty();
                for (var item in data) {
                    //进行拼接
                    $("#tbd").append(
                        "<tr>" +
                        //依次获取各字段
                        "<th>" + data[item].Name + "</th>" +
                        "<th>" + data[item].RealName + "</th>" +
                        "<th>" + data[item].Telphone + "</th>" +
                        "<th>" + data[item].Pass + "</th>" +
                        "<th>" + data[item].Status + "</th>" +
                        "</tr>");
                }
            }
        });
    }
</script>

原文地址：https://www.cnblogs.com/dujian123/p/10565203.html

时间： 2024-10-06 08:11:41

ajax从服务器获取信息并拼接显示在table的相关文章

[源码下载]Demo1 客户端从服务器获取信息（基于networkcomms2.3.1)

本demo基于networkcomms2.3.1开源版本源码下载:从服务器获取信息框架部分源码请到这里下载实现的功能很简单 1:服务器开始监听 2:客户端连接服务器并从服务器获取信息源码在后续文章中

android 从服务器获取新闻数据并显示在客户端

新闻客户端案例第一次进入新闻客户端需要请求服务器获取新闻数据,做listview的展示, 为了第二次再次打开新闻客户端时能快速显示新闻,需要将数据缓存到数据库中,下次打开可以直接去数据库中获取新闻直接做展示. 总体步骤: 1.写布局listview ok 2.找到listview,设置条目的点击事件. ok 3.获取数据提供给listview做展示. 3.1:获取本地数据库缓存的新闻数据,让listview显示.如果没有网络不至于显示空界面. 3.2:请求服务器获取新闻数据,是一个json字符

jquery通过AJAX从后台获取信息并显示在表格上，并支持行选中。

不想用Easyui的样式,但是想要他的表格功能,本来一开始是要到网上找相关插件的,但是没找到就开始自己写,没想到这么简单. 后台代码:(这个不重要) public ActionResult GetDictTypes() { var data = from a in dbo.DictTypes select new DictTypeListViewModel { ID = a.ID, Name = a.Name, LastChangeUser = a.LastChangeUser, LastCha

ajax异步服务器获取时间

1.创建ajax对象 <script type="text/javascript"> //创建AJAX异步对象 function createAJAX(){ var ajax = null; try{ //如果IE5=IE12的话 ajax = new ActiveXObject("microsoft.xmlhttp"); }catch(e1){ try{ //如果是非IE的话 ajax = new XMLHttpRequest(); }catch(e2

Ajax——从服务器获取各种文件

ajax.js内容 function ajax(url,fnWin,fnFaild){ //1.创建ajax对象 var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"); //2.与服务器建立连接 xhr.open("GET",url,true); //3.发送请求 xhr.send(); //4.接收服务器返回的信息 xhr.on

用Ajax请求服务器的图片，并显示在浏览器中(转)

前言一直在数据库里面存的都是图片在服务器的地址,然后再到浏览器中显示,但是发现两个问题第一:为了安全起见,js是无法读取本地的图片的,不然你写一个js,岂不是可以获取任何人电脑里面的文件了. 第二:图片存在的是在服务器的硬盘上面,而不是在客户的硬盘里面,所以也是取不到的后来在网上找方法,找的方法,都是各种转换二进制到xml中,的各种高大上的答案,然后本人又实在太懒了,就自己想了一个方法,就是利用BufferedImage这个类. 开始首先说说我的思路,就是把本地的图片,加载到内存中,然后

Demo1.从服务器获取信息服务器端代码

public partial class Form1 : Form { public Form1() { InitializeComponent(); } //开始监听 private void button1_Click(object sender, EventArgs e) { //服务器开始监听客户端的请求 IPEndPoint thePoint = new IPEndPoint(IPAddress.Parse(txtIP.Text), int.Parse(txtPort.Text));

Demo1.从服务器获取信息客户端代码

public partial class Form1 : Form { //连接信息类 public ConnectionInfo connInfo = null; //连接类 Connection newTcpConnection; public Form1() { InitializeComponent(); } private void button1_Click(object sender, EventArgs e) { connInfo = new ConnectionInfo(txt

Ajax从服务器端获取数据---原生态Ajax

写在前面的话 Ajax从服务器获取的数据都是字符串,但是通过不同的解析,可以解析为XML或JSON来进行应用. 一般来说.使用XML格式的数据比较通用,但是服务器和客户端解析起来都比较复杂一些;而使用JSON语句话,服务端需要多做一些工作,但到了客户端,通过使用eval()函数来进行解析,就会获得js对象,使用起来很方便.在使用过程中,究竟使用哪种方法,这个要根据项目的实际需要,建议:在能使用JSON的情况下,尽量使用JSON. 具体使用方法参见例子. 例子 1.XML数据user.xml <?