使用AJAX返回WebService里的集合具体实现

2016-02-19 09:38 9 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的使用AJAX返回WebService里的集合具体实现教程,一起来看看吧!超容易上手~

【 tulaoshi.com - Web开发 】

代码如下:

-------------------WebService1 -----------------------------
// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
[System.Web.Script.Services.ScriptService]
public class WebService1 : System.Web.Services.WebService
{
[WebMethod]
public Liststring GetList()
{
Liststring list = new Liststring();
list.Add("王一");
list.Add("22");
list.Add("河北");
return list;
}
}
--------------------HTMLPage1.htm-----------------------
html xmlns="http://www.w3.org/1999/xhtml"
head
title/title
script src="js/Jquery1.7.js" type="text/javascript"/script
script type="text/javascript"
$(function () {
$('#Button1').click(function () {
$.ajax({
type: "post",
contentType: "application/json",
url: "WebService1.asmx/GetList",
data: "{}",
success: function (result) {
var str = '';
for (var i = 0; i result.d.length; i++) {
str += result.d[i];
}
$('#mydiv').text(str);
}
})
})
})
/script
/head
body
div id="mydiv"/div
input id="Button1" type="button" value="button" /
/body
/html

来源:http://www.tulaoshi.com/n/20160219/1591540.html

延伸阅读
标签: Web开发
代码如下: !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/title script src="js/Jquery1.7.js" type="text/javascript"/script script type="text/javascript" $(function () { $('#txtUserName'...
标签: Web开发
js页面jquery代码 : 代码如下: // JavaScript Document $(document).ready(function() { // 全选 $("#allChk").click(function() { $("input[name='subChk']").prop("checked",this.checked); }); // 单选 var subChk = $("input[name='subChk']") subChk.click(function() { $("#allChk").prop("checked", subChk.length == sub...
标签: Web开发
第一个文件   index.asp script language="javascript" var xmlHttp = false;    //ajax使用 try {   xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {   try {     xmlHttp&nb...
标签: ASP
      在安全性要求不是很高的ASP.Net程序中,基于Forms的身份验证是经常使用的一种方式,而如果需要对WebService进行身份验证,最常用的可能是基于Soap 标头的自定义身份验证方式。如果对两者做一下比较的话,显然,基于Forms的验证方式更加方便易用,能否将Forms验证方式应用到WebService中去呢?     ...
标签: Web开发
代码如下: % response.Expires=-1 response.CacheControl="no-cache" % !--#include file="../../conn/conn.asp"-- !--#include file="../psw.asp"-- !--#include file="../../functions/dofunction.asp"-- !--#include file="../../functions/showfunction.asp"-- !--#include file="../../fqdb/admin/website.asp"-- % cmd = che...

经验教程

770

收藏

74
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部