Jqeury ajax 调用C#的后台程序
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="JQueryTest.aspx.cs" Inherits="自定义滚动条_JQueryTest" %> <!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 id="Head1" runat="server">
<title></title>
<script src="jquery-1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#btnOK").click(function() {
$.ajax({
type: "Post",
url: "JQueryTest.aspx/SayHello",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
alert(data.d);
},
error: function(err) {
alert(err);
}
});
return false;
});
$("#btnOK0").click(function() {
$.ajax({
type: "Post",
url: "JQueryTest.aspx/GetStr",
data: "{'str':'我是','str2':'XXX'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
alert(data.d);
},
error: function(err) {
alert(err);
}
});
return false;
});
$("#btnOK1").click(function() {
$.ajax({
type: "Post",
url: "JQueryTest.aspx/GetArray",
data: "{}",
contentType: "application/json; chartset=utf-8",
dataType: "json",
success: function(data) {
$("#list").html("");
$(data.d).each(function() {
$("#list").append("<li>" + this + "</li>");
});
alert(data.d);
},
error: function(err) {
alert(err);
}
});
return false;
});
$("#btnOK2").click(function() {
$.ajax({
type: "Post",
url: "JQueryTest.aspx/GetHash",
data: "{'key':'haha','value':'哈哈！'}",
contentType: "application/json: charset=utf-8",
dataType: "json",
success: function(data) {
alert("key:haha==>" + data.d["haha"] + "/n key:www==>" + data.d["www"]);
},
error: function(err) {
alert(err + "err");
}
});
return false;
});
$("#btnOK3").click(function() {
$.ajax({
url: "XMLTest.xml",
dataType: 'xml',
success: function(xml) {
$("#list1").html("");
$(xml).find("data>item").each(function() {
$("#list1").append("<li>id:" + $(this).find("id").text() + "</li>");
$("#list1").append("<li>name:" + $(this).find("name").text() + "</li>");
})
},
error: function(result, status) {
alert(status);
}
});
return false;
});
}); </script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="btnOK" type="button" value="button" />
<input id="btnOK0" type="button" value="button" />
<input id="btnOK1" type="button" value="button" />
<input id="btnOK2" type="button" value="button" />
<input id="btnOK3" type="button" value="button" />
<ul id="list"></ul>
<ul id="list1"></ul>
</div>
</form>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.Script.Services;
using System.Web.Services;
using System.Collections; public partial class 自定义滚动条_JQueryTest : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{ } [WebMethod]
public static string SayHello()
{
return "Hello Ajax";
} [WebMethod]
public static string GetStr(string str, string str2)
{
return str + str2;
} [WebMethod]
public static List<string> GetArray()
{
List<string> li = new List<string>();
for (int i = ; i < ; i++)
{
li.Add(i + "");
}
return li;
} [WebMethod]
public static Hashtable GetHash(string key, string value)
{
Hashtable hs = new Hashtable();
hs.Add("www", "yahooo");
hs.Add(key, value);
return hs;
}
}
Jqeury ajax 调用C#的后台程序的更多相关文章
- ajax 调用asp.net后台方法
ajax 调用asp.net后台方法 这种做法有好几种,如调用xx.asxh 页面,或者直接调用xx.aspx也面,在page_Load中进行一些判断然后调用后面的其他方法, 或者你可以直接调用we ...
- AJAX不能访问MVC后台程序的问题
AJAX不能访问后台的MVC有可能是MVC的后台程序加入了身份验证[Authorize]标记,这样前台的AJAX虽然结果显示的是4和200但是responsetext的值可以看到是返回了一个配置文件中 ...
- .Net中jQuery.ajax()调用asp.net后台方法 总结
利用JQuery的$.ajax()调用.Net后台方法有多种方式, 不多说了 直接上代码 前台代码 <script type="text/javascript"> $ ...
- JQuery Ajax调用asp.net后台方法
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. 先来个简单的实例热热身吧. 1.无参数的方法调用 asp.net code: using System.Web.Scrip ...
- jQuery.ajax()调用asp.net后台方法
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法.介意方法名不要重名 建一个WebFormAjax名aspx文件 CS <%@ Page Language=" ...
- Ajax调用asp.net后台代码
后台代码: [WebMethod] public static string CreateDate(string name,string age) { return "姓名:"+n ...
- jQuery.ajax()调用asp.net后台方法(非常重要)
http://www.cnblogs.com/zxhoo/archive/2011/01/30/1947752.html 用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. 先 ...
- js数字转金额，ajax调用接口，后台返回html(完整页面)，打开新窗口并写入html
一.转换成金额形式 function toMoney(num){ if(num){ if(isNaN(num)) { alert("金额中含有不能识别的字符"); return; ...
- Ajax——ajax调用数据总结
在做人事系统加入批量改动的功能中,须要将前台中的数据传给后台.后台并运行一系列的操作. 通过查询和学习了解到能够通过ajax将值传入到后台,并在后台对数据进行操作. 说的简单点.就是ajax调用后台的 ...
随机推荐
- [转]tomcat之一：指定tomcat运行时JDK版本
今天在做项目的时候,主管让我在本机上启动多个tomcat且指定不同的jdk环境.因为在企业的项目中个,对于同一个服务器中有多个jdk和tomcat,所以就需要手动指定不同的jdk. 在网上找了很多资料 ...
- php 中处理 websocket
http://www.cnblogs.com/hustskyking/p/websocket-with-php.html 下面我画了一个图演示 client 和 server 之间建立 websock ...
- 20145301Java课程总结
20145301 Java课程总结 每周读书笔记链接汇总 第一周读书笔记: http://www.cnblogs.com/5301z/p/5248888.html 第二周读书笔记: http://ww ...
- 20145324 《Java程序设计》第8周学习总结
20145324 <Java程序设计>第8周学习总结 教材学习内容总结 第十四章 1.NIO使用频道来衔接数据节点,可以设定缓冲区容量,在缓冲区中对感兴趣的数据区块进行标记,提供clear ...
- php7安装Memcached扩展
要安装 memcached,需要先安装依赖库 libmemcached wget https://launchpad.net/libmemcached/1.0/1.0.18/+download/lib ...
- Swift学习笔记 - URL编码encode与解码decode
使用swift有一段时间了,api的变换造成了很多困扰,下面是关于url编码和解码问题的解决方案 在Swift中URL编码 在Swift中URL编码用到的是String的方法 func addingP ...
- vue.js的一些小语法v-bind,v-if,v-show,v-else
知识点: v-bind 动态绑定标签属性 v-bind 可简写为 : 使用v-bind 绑定class和内联样式 使用v-if,v-show,v-else进行条件渲染 <template> ...
- HDU 1698 just a hook - 带有lazy标记的线段树（用结构体实现）
2017-08-30 18:54:40 writer:pprp 可以跟上一篇博客做个对比, 这种实现不是很好理解,上一篇比较好理解,但是感觉有的地方不够严密 代码如下: /* @theme:segme ...
- 09_MySQL DQL_SQL99标准中的多表查询（外连接）
# 二.外连接/* 场景:查询值在1个表中出现,在另外1个表中没有出现 特点: 0.也是两张表的字段拼接,分为主表和从表 1.外连接的结果,将显示主表中的所有记录行 如果连接字段在从表中有记录,则显示 ...
- cocos2d-x入门一
为什么要学cocos2d-x 首先要明白什么是cocos2d-x,能干什么.cocos2d-x是一种跨平台的2D.3D游戏开发工具,目前较为流行的大多数android.ios游戏都是用它 ...