js怎么解析C#后台传来的Dataset集合和WebService中返回的集合
js怎么解析C#后台传来的Dataset集合和WebService中返回的集合写出不的思想并用代码举例说明...
js怎么解析C#后台传来的Dataset集合和WebService中返回的集合写出不的思想并用代码举例说明
展开
1个回答
展开全部
WebService默认返回的是Xml格式的。你可以把Xml看成是特殊的Html。使用jQuery进行解析。$("Xml标签名称").text();返回某个特定标签的中间包含的内容。我通过一个天气预报查询的Demo，以下是代码： <!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>
<title>JQuery AJAX示例代码</title>
<!--
本综合示例演示指定一个特定的，联动的Dropdownlist城市显示天气预报
1）程序一开始加载
-->
<script src=" http://ajax.microsoft.com/ajax/jquery/jquery-1.4.4.min.js" type="text/javascript"></script>
<script> $(function () { //先获取全部的省等地方（返回一个xml的string数组）
$.ajax({ type: "post",
url: " http://www.webxml.com.cn/webservices/weatherwebservice.asmx/getSupportProvince",
datatype: "xml",
success: function (result) {
$(result).find("string").each(
function () { //$(this).text()的“text”方法可以获取html容器和xml容器的文字
$("#selProvinces").append("<option value='" + $(this).text() + "'>" + $(this).text() + "</option>");
});
}
}); //然后根据选择的省，加载所有的市
$("#selProvinces").change(function () { //清空所有项目
$("#selCities").empty();
//动态加载
$.ajax({ type: "post",
timeout: 1200,
url: " http://www.webxml.com.cn/webservices/weatherwebservice.asmx/getSupportCity",
data: "byProvinceName=" + $("#selProvinces").val(), //给Service传递参数
datatype: "xml", //成功加载：
success: function (result) {
$(result).find("string").each(function () { $("#selCities").append("<option value='" + $(this).text() + "'>" + $(this).text() + "</option>"); });
}
}); });
//根据动态选择的城市，查询对应的天气预报情况：
$("#selCities").change(function () {
$("#ulResult").empty(); //因为放到Dropdownlist中的选项是“名称（编号）”，所以只要名称
var foundcontent = $.trim($("#selCities").val().substring(0, $("#selCities").val().indexOf("("))); $.ajax({ type: "post",
url: " http://www.webxml.com.cn/webservices/weatherwebservice.asmx/getWeatherbyCityName",
data: "theCityName=" + foundcontent,
datatype: "xml", //准备加载（注意：S必须大写！）
beforeSend: function () {
$("#spResult").css("display", "block");
}, //成功了……
success: function (result) { $(result).find("string").each(function () { //排除第三个图片输出
if ($(this).text().indexOf(".gif")>0) {
$("#ulResult").append("<li><image src='Image/" + $(this).text() + "'/></li>");
}
else {
if($(this).text().indexOf(".jpg")<0)
{
$("#ulResult").append("<li>" + $(this).text() + "</li>");
}
}
});
}, //完成了……
complete: function () {
$("#spResult").css("display", "none");
}
}) });
})
</script>
<style type="text/css">
#Select1
{
width: 198px;
}
#selCities
{
width: 233px;
}
#selProvinces
{
width: 227px;
}
</style>
</head>
<body>
请选择你需要的省（市）：<select id="selProvinces">
</select>
请选择你需要的区（县）：<select id="selCities">
</select>
<hr />
查询结果：<span id="spResult" style="display: none"><font color="red">请稍后……</font></span>
<ul id="ulResult">
</ul>
</body>
</html>
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<title>JQuery AJAX示例代码</title>
<!--
本综合示例演示指定一个特定的，联动的Dropdownlist城市显示天气预报
1）程序一开始加载
-->
<script src=" http://ajax.microsoft.com/ajax/jquery/jquery-1.4.4.min.js" type="text/javascript"></script>
<script> $(function () { //先获取全部的省等地方（返回一个xml的string数组）
$.ajax({ type: "post",
url: " http://www.webxml.com.cn/webservices/weatherwebservice.asmx/getSupportProvince",
datatype: "xml",
success: function (result) {
$(result).find("string").each(
function () { //$(this).text()的“text”方法可以获取html容器和xml容器的文字
$("#selProvinces").append("<option value='" + $(this).text() + "'>" + $(this).text() + "</option>");
});
}
}); //然后根据选择的省，加载所有的市
$("#selProvinces").change(function () { //清空所有项目
$("#selCities").empty();
//动态加载
$.ajax({ type: "post",
timeout: 1200,
url: " http://www.webxml.com.cn/webservices/weatherwebservice.asmx/getSupportCity",
data: "byProvinceName=" + $("#selProvinces").val(), //给Service传递参数
datatype: "xml", //成功加载：
success: function (result) {
$(result).find("string").each(function () { $("#selCities").append("<option value='" + $(this).text() + "'>" + $(this).text() + "</option>"); });
}
}); });
//根据动态选择的城市，查询对应的天气预报情况：
$("#selCities").change(function () {
$("#ulResult").empty(); //因为放到Dropdownlist中的选项是“名称（编号）”，所以只要名称
var foundcontent = $.trim($("#selCities").val().substring(0, $("#selCities").val().indexOf("("))); $.ajax({ type: "post",
url: " http://www.webxml.com.cn/webservices/weatherwebservice.asmx/getWeatherbyCityName",
data: "theCityName=" + foundcontent,
datatype: "xml", //准备加载（注意：S必须大写！）
beforeSend: function () {
$("#spResult").css("display", "block");
}, //成功了……
success: function (result) { $(result).find("string").each(function () { //排除第三个图片输出
if ($(this).text().indexOf(".gif")>0) {
$("#ulResult").append("<li><image src='Image/" + $(this).text() + "'/></li>");
}
else {
if($(this).text().indexOf(".jpg")<0)
{
$("#ulResult").append("<li>" + $(this).text() + "</li>");
}
}
});
}, //完成了……
complete: function () {
$("#spResult").css("display", "none");
}
}) });
})
</script>
<style type="text/css">
#Select1
{
width: 198px;
}
#selCities
{
width: 233px;
}
#selProvinces
{
width: 227px;
}
</style>
</head>
<body>
请选择你需要的省（市）：<select id="selProvinces">
</select>
请选择你需要的区（县）：<select id="selCities">
</select>
<hr />
查询结果：<span id="spResult" style="display: none"><font color="red">请稍后……</font></span>
<ul id="ulResult">
</ul>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
