Ajax实例
2024-08-27 11:02:12
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="WebApplication1.Index" %> <!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>
<script src="jq2.1/jquery-2.1.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
//按钮指定时间
$("#demo").click(function () {
//发送Aajx请求,请求Server页面,弹出数据
$.ajax({
type: "GET",
url: "IndexServer.aspx",
success: function (d) {
alert(d);
},
error: function (aj) {
alert("请求出错:代号"+aj.status)
}
});
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="button" value="ajax Demo" id="demo" /> </div>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="StudentMS.aspx.cs" Inherits="WebApplication1.StudentMS" %> <!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>
<script src="jq2.1/jquery-2.1.3.js" type="text/javascript"></script>
<script type="text/javascript">
function goPage(i) {//用Ajax请求第i页的数据 action=list&pageIndex=1
$.post("StuServer.aspx", {action:"list",pageIndex:i}, function (t) {//后台数据
$("#list").html(t); });
}
$(function () {
goPage(1);//页面加载请求第一页
});
function delData(id) { // 删除
$.post("stuServer.aspx", { action: "delData", id: id }, function (d) {//数据库id前台id
goPage(1);
});
}
function editData(id) { //编辑操作 }
function insert() { //新增操作 var stuName = $("#name").val();
var stuNo = $("#no").val();
var sex = $("#sex").val(); $.post("stuServer.aspx", { action: "add", stuName: stuName, stuNo: stuNo, sex: sex }, function (s) {
if (s > 0) {
goPage(1);
alert("新增成功");
}
});
} </script> </head>
<body>
<form id="form1" runat="server">
<div id="list"></div>
姓名:<input type="text" id="name" />
<br />
学号:<input type="text" id="no" /><br />
性别:<input type="text" id="sex" /><br />
备注:<input type="text" id="remark" />
<br />
<input type="button" value="新增" onclick="insert()" />
<input type="button" value="提交" />
<br />
<br /> </form>
</body>
</html>
最新文章
- c语言是如何实现泛型链表
- Java——其他容器
- IOS开发者
- SQL Server的各种表
- Grunt 之 RequireJS
- Linux - wc统计文件行数、单词数或字节数
- Android开发 |常见的内存泄漏问题及解决办法
- The 6th Zhejiang Provincial Collegiate Programming Contest->;ProblemA:Second-price Auction
- java 用JNA方法调用C++动态链接库
- windows提权操作以及系统开机关机重启代码(用到了LookupPrivilegeValue和AdjustTokenPrivileges调整进程的Token权限)
- 解析配置文件ConfigParser模块
- ASP.NET MVC 理解MVC模式
- 移动端和pc端事件绑定方式以及取消浏览器默认样式和取消冒泡
- 6 个 Linux 运维典型问题
- mapState
- 初识Python-1
- vue,elementUI,less,axios,qs的安装及打包
- python&;django 常见问题及解决方法
- Bulb Switcher (leetcode java)
- python学习之----正则表达式
热门文章
- drds 广播表的创建以及使用
- 夺命雷公狗—angularjs—11—service的基本概念
- 夺命雷公狗---DEDECMS----13dedecms首页的完成
- windows下gvim与gcc的一键环境的搭建
- zw版_Halcon图像交换、数据格式、以及超级简单实用的DIY全内存计算.TXT
- php防止表单重复提交
- knockout之各种数据绑定方法:text、attr、visible、html、css、style绑定
- 用smack+openfire做即时通讯
- C#制作Windows service服务系列二:演示一个定期执行的windows服务及调试(windows service)
- UnicodeDecodeError: ‘ascii’ codec can’t decode...: ordinal not in range(128 问题解决