Jquery Ajax 讀取XML 資料

阿新 • • 發佈：2019-01-16

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="JqueryAjax_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
    </style>
    <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#Display").click(function () {
                $("#message").html('');
                $.ajax({
                    type: "GET",
                    url: "Friend.xml",
                    dataType: "xml",
                    success: function (ResponseText) {
                        var table = "<table border='1px'><tr><td>firstname</td><td>lastname</td><td>city</td></tr>";
                        $(ResponseText).find('friend').each(function () {
                            var first = $(this).find('firstName').text();
                            var last = $(this).find('lastName').text();
                            var city = $(this).find('city').text();
                            table += "<tr><td>" + first + "</td><td>" + last + "</td><td>" + city + "</td></tr>";
                        })
                        table += "</table>";
                        $("#message").append(table);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <label>Display My Friends</label><br />
  <input type="button" value="Display" id="Display" />
  <div id="message"></div>
    </form>
</body>
</html>

<?xml version="1.0" encoding="utf-8" ?>
<friends>
	<friend>
		<name>
			<firstName>Guo</firstName>
			<lastName>Hu</lastName>
		</name>
		<address>
			<province>Shanghai</province>
			<city>PuDong</city>
		</address>
	</friend>
	<friend>
		<name>
			<firstName>Lei</firstName>
			<lastName>Hu</lastName>
		
	</name>
		<address>
			<province>hubei</province>
			<city>xiantao</city>
		</address>
	</friend>
	<friend>
		<name>
			<firstName>JunWen</firstName>
			<lastName>Li</lastName>
		</name>
		<address>
			<province>hubei</province>
			<city>wuhan</city>
		</address>
	</friend>
	<friend>
		<name>
			<firstName>Jinhao</firstName>
			<lastName>Liu</lastName>
		</name>
		<address>
			<province>ShanXi</province>
			<city>Taiyuan</city>
		</address>
	</friend>
	<friend>
		<name>
			<firstName>Cheng</firstName>
			<lastName>Fang</lastName>
		</name>
		<address>
			<province>GuangDong</province>
			<city>GuangZhou</city>
		</address>
	</friend>
</friends>

Jquery Ajax 讀取XML 資料

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="JqueryAjax_Default" %> <!DOCTYPE html PUBLIC

Ajax讀取XML資料

最早的Ajax推出的時候實際上只給出了兩類資料文字資料:最初只是虛妄簡單的返回一些處理標記(後來功能得到了擴充) XML資料:是為了攜帶更多的資料返回, 假設有如下的XML資料 <?xml version="1.

HTML/Ajax/XML資料互動：HTML通過Ajax讀取XML的儲存資訊

介紹：上一篇Ajax文章中對Ajax的XHR物件作出了介紹，這篇部落格介紹下如果使用Ajax從服務端獲取資料。之前分析過，Ajax是向服務端請求服務的，說白了就是想資料庫中進行資訊驗證或取存。本篇部落格沒有使用資料庫而是採用了 XML儲存資料，這

jquery ajax 獲取後臺資料（純文字）

目的是為了拿到後臺資料（純文字）通過ajax請求獲取到後臺資料根據不同的到貨型別獲取採購單位（後臺資料）比較重要的是 jauery ajax 的引數用法： dataType 型別：String 預期伺服器返回的資料型別。如果不指定，jQuery 將自動根據 HT

用php讀取xml資料

今天工作上碰到一個問題由於我們的專案資料太少所以需要從web search那邊借調資料，他們只給我們提供了一個xml的介面。因此，我們需要把xml的資料轉化成html呈現給大家。由於專案是基於php的，所以就摒棄了用js來讀取xml選擇了繼續使用php。不過，我以前從來沒有做過此類的嘗試所以找

Ajax傳送XML資料及解析

Ajax-XML技術：將前臺資料封裝成XML資料，可以實現傳送更復雜的資料。流程：前臺將資料拿到以後，封裝成XML資料，向後臺傳送，後臺接收到資料以後，用dom4j技術解析。後臺也可向前臺傳送XML資料，也是利用dom樹來解析前臺： ajaxXml.jsp

c++ 使用TinyXML 讀取xml資料

1 TinyXml 下載地址點選開啟連結 2 下載完成後解壓縮將tinystr.cpp ，tinystr.h，tinyxml.cpp，tinyxml.h,tinyxmlerror.cpp,tinyxmlparser.cpp 加入工程中 3 #include&l

Js跨域名讀取xml資料

<%p = "http://222.186.24.eee:812/liveNow.xml"Response.BinaryWrite ZQcnGet(p)Response.Flush Function ZQcnGet(url) Set Retrieval = Creat

jQuery AJAX獲取JSON資料解析多種方式示例

$(function () { //方式一 Ajax方式獲取Json資料 $.ajax({ url: 'jsondata.ashx?type=1', type:

jquery ajax 獲取後臺資料表字段儲存的html程式碼

最近在做一個小東西，需要在前臺把使用者填寫的表單（連同html程式碼）放送到後臺資料庫中的某欄位儲存，方便直接把資料取出來並顯示該表單。開始的時候,表單資料提交正常，但是經過ajax獲取後返回的資料卻無法被解析。開始還以為是html程式碼儲存到資料庫之後那些個類似這樣的

【C#】解決進行反序列化時出錯:。InnerException 訊息是“反序列化物件屬於型別 System.String 時出現錯誤。讀取 XML 資料時，超出最大字串內容長度配額 (8192)。

解決：.NET進行反序列化時出錯:。InnerException 訊息是“反序列化物件屬於型別 System.String 時出現錯誤。讀取 XML 資料時，超出最大字串內容長度配額 (8192)

InnerException 訊息是“反序列化物件屬於型別 *** 時出現錯誤。讀取 XML 資料時，超出最大字串內容長度配額 (8192)。(注意細節)

WEB站點在呼叫我們WCF服務的時候，只要傳入的引數過長，就報如下錯誤：格式化程式嘗試對訊息反序列化時引發異常: 嘗試對引數 http://tempuri.org/ 進行反序列化時出錯: formDataXml。InnerException 訊息是“反序列化物件屬於型別

jquery datatable 通過ajax讀取資料例項

最近客戶要求在jquery datatable 通過自己輸入條件讀取後臺資料，通過查詢文件得知jquery datatable 可以通過ajax讀取資料，具體程式碼如下。一.jsp程式碼如下 <script> function getpayment()

Ajax (Asynchronous javascript xml) 搜索框核心代碼(JQuery) Ajax判斷用戶名存在核心代碼附:原生js的Ajax代碼

align tps 代碼 cati tco tst words mic var 前端 <script type="text/javascript"> $(function(){ $("#tid").keyup(function(){

Vue使用jQuery ajax載入資料頁面無顯示解決方法

無資料程式碼為 <script> new Vue({ el:"#demo", data:{list:find()} }) function find(){ var ss; $.ajax(

讀取資料庫資料，以報表的形式顯示在前臺網頁（asp.net+echarts+ajax+資料庫）

1、首先在VS2010裡新建專案ASP.NET Web應用程式：WebApplication1；在應用程式裡新建專案：WebForm.aspx(Web窗體),Model.cs(類),Controller.cs(類),Handler.ashx(一般處理程式),WebForm.js(JScript

jQuery+Ajax+js請求json格式資料並渲染到html頁面

1、先給json格式的資料： [ {"id":1,"name":"stan"}, {"id":2,"name":"jack"}, {"id":3,"name":"lucy"}, {"id":4,"name":"mary"}, {"id":5,"name":"jerry"}, {"id":6,"n

前後端資料互動，axios和jquery ajax的區別

axios作為Vue生態系統中濃墨重彩的一筆，我學習這個東西也是花了一定的時間的。剛開始的時候，也是遇到了很多問題。逐漸摸透了它的脾氣。首先說說FormData和Payload兩種資料格式的區別：先是提交一個FormData的請求試試看：然後我們看後端：然後

利用AJAX讀取本地xml

function getEdiInfo(buttonObj,divId,containerCode){ var strResult; strResult = "app040"; window.navigate(strResult); $("#"+divI

Vue.js 通過jQuery ajax獲取資料實現更新後重新渲染頁面

1. 引入jquery和vue.js <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script

Jquery Ajax 讀取XML 資料

相關推薦