因为工作需要研究了一下 js的ajax，下面是成果。主要是三部分：一、js部分 友情提示注意js部分中的 $("#btn_login")中的return false；这个可以阻止回转服务器不然还是会刷新 代码如下:$(document).ready(function () { $("#btn_login").click(function () { postlogin(); return false; });});function postlogin() { if (checkUserName() && checkUserPwd()) { var username = $('#txt_loginname'...
代码如下: <!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="Jquery1.7.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $.ajax({ type: "post", contentType:...
首先在数据库中就建三个字段的表用来存储用户名和评论信息，Id只是为了设置唯一标示，所以设置成整型自增字段就行了。 再建一个HTML页面，只需简单的拉几个html控件出来摆着就行，注意在页面顶部有个<table>标签用来占位输出评论内容。 Html页面代码就这样简单就行了: 代码如下:<body><table id="room"> </table> <div> 用户名：<input id="Text1" type="text" /><br /> 信息：<textarea id="TextArea1" cols="20" name="S1" rows...
采用Jquery无刷新分页插件jquery.pagination.js 实现无刷新分页效果 友情提示：本示例Handler中采用StringBuilder的append方法追加HTML，小数据量可以，但是大数据或是布局常变，建议返回JSON格式的数据，性能和灵活性更好！ 1.插件参数列表 2.页面内容： 代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona...
前台用AJAX直接调用后台方法，老有人发帖提问，没事做个示例 CasMenu.aspx页面： 代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_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 id="Head1" runat="server"> <title>Porschev--前...
aspx 页面: 代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SqlPage.aspx.cs" Inherits="SqlPage" %> <!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> <link href="css/pagination.css" rel="stylesheet" type="text/css" /> </head> <bod...
前台页面 代码如下:<head runat="server"> <title>无标题页</title> <script src="Js/jquery-1.5.1.min.js" type="text/javascript"></script> <script src="Js/Demo.js" type="text/javascript"></script> </head> <body> <form id="form1" runat="server"> <div id="content"> <table> <asp:Repeater ID="Repeater1" runat="server"> <HeaderTemplate> <tr> <td> <input type="checkbox"> </td> <td> 学生ID </td> <td> 学生姓名...
本文实例讲述了Jquery基于Ajax方法自定义无刷新提交表单Form的方法。分享给大家供大家参考。具体实现方法如下： Jquery的$.ajax方法可以实现ajax调用，要设置url,post,参数等。 如果要提交现有Form需要写很多代码，何不直接将Form的提交直接转移到ajax中呢。 以前的处理方法： 如Form代码如下：代码如下:<form id="Form1" action="action.aspx" method="post" > 名称：<input name="name" type="text" /><br /> 密码：<input name=...
jQuery+php+ajax实现无刷新上传文件功能，还带有上传进度条动画效果，支持图片、视频等大文件上传。js代码 1 <script type=text/javascript src=js/jquery-2.0.3.min.js></script> 2 <script type=text/javascript src=js/jquery.form.js></script> 3 <script type="text/javascript"> 4 function filesize(ele) { 5 var filesize = (ele.files[0].size / 1024/1024).toFixed(2); 6 $(#big).html(filesize+"MB"); 7 ...