首先我们今天要用到的是Ajax.NET Professional ，您可以从http://www.schwarz-interactive.de/ 获取关于AJAX.NET的相关信息。其次还需要知道XML数据岛的相关知识。 下面我们先来看一个简单的绑定例子： 第一步先确定XML数据源 <xml ID="xmlData" name="xmlData"><root> <METADATA><AUTHOR>John Smith</AUTHOR><GENERATOR>Visual Notepad</GENERATOR><PAGETYPE>Reference</PAGETYPE><ABSTRACT>Specifies a data island</ABSTRACT> <...
如果你对AJAX不是很了解，可以先看看这篇教程的前篇《AJAX初体验之上手篇》。 现在博客很流行，相信应该上网时间稍微长点的朋友都会在这或者在那的有一个自己的博客。对于一些有一定能力的朋友，可能更喜欢自己去下载一个博客程序来架设一个自己的博客，而不是使用一些博客网站提供的服务。而大部分博客程序所带的搜索功能是提交查询关键字到搜索页面，然后在后台生成搜索结果，再呈现给用户，这过程之中浪费了一些带宽，如博客的侧...
下拉联动的功能可以说非常的常用，例如在选择省、市等信息的时候；或者在选择大类、小类的时候。总之，下拉联动很常用。今天就跟大家分享一个简单的二级下拉联动的功能。 大类下拉框：页面加载的时候就初始化大类的下拉选项，通过后台代码去数据库里面取得数据（当然像省市这样不变的内容可以直接给值），然后加载到下拉选项中。<select name="region" class="select1" id="BigClass" onchange="selectProv(this)"> <option value=...
1. 01.php为主程序，调用smarty模板遍历输出： <?phpinclude ./include/Mysql.class.php;include ./libs/Smarty.class.php;$db=new Mysql;$smarty=new Smarty;$lists=$db->getALL(users);$smarty->assign(lists,$lists);$smarty->display(list.html); ?>2. list.html模板:内容结合JS ajax使用： <!DOCTYPE html> <html> <head><meta charset=utf-8><title>用户权限展示表</title> </head> <body>//给table体设置一个div，方便js调用...
大家应该都知道，在静态页面提交表单到数据库很简单就是单纯的<form action="test.php" method="post"> </form>这个缺点是会刷新页面，会跳转页面的。今天给大家带来的技术就是ajax提交表单 优点是不刷新页面，不跳转页面，静默提交的。至于什么是ajax，自己去百度了解。 首先我们得要有一个表单提交页面： index.html这个页面由两个部分组成1、表单控件2、jQuery+ajax处理脚本jQuery脚本会获取form表单的数据，通过post的方式提交...
本文实例为大家分享了ajax实现无刷新上传文件功能的具体代码，供大家参考，具体内容如下详细代码如下 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>ajax无刷新上传文件</title> <script> window.onload = function(){var oBtn = document.getElementById(btn);var oMyFile = document.getElementById(myFile);oBtn.onclick = function() {//alert(oMyFile.value); ...
Ajax无刷新分页效果，如下代码实现 <!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>Ajax无刷新分页效果</title><script type="text/javascript">function showpage(url) {var xhr = new XMLHttpRequest();xhr.onreadystatechange = function () {if (xhr.readyState == 4) {document.getElementById("result").innerHTML = xhr.responseText;}}xhr.open(get,url);xhr.send(null);}window.onload = function...
先来看看原理图register.php <!DOCTYPE html> <html><head><meta charset="utf-8" /><title>ajax无刷新检测</title><style type="text/css">body{margin:0;padding:0;}.content{width:800px;margin:0 auto;}ul,li{list-style: none;margin:0;padding:0;}tr{width:200px;}td{width:80px;padding:5px 0;}td input,textarea{border: 1px solid #79ABFE;} </style></head><body><div class="content"><script>myXmlHttpRequest.Content...
今天我们要用ajax做一个分页： 实现Ajax分页： 如果可以的话加上查询条件 找一张表做分页分页不使用page类页面不用刷新Ajax加载数据<!doctype html> <html lang="en"> <head><meta charset="UTF-8" /><title>Document</title><script src="jquery-1.11.2.min.js"></script> <style type="text/css"> .dangqian{ background-color:#69F} </style> </head> <body> <div><input type="text" id="key" /><input type="button" value="查...
代码如下: // JScript 文件 function usersLogon() {var userName = document.getElementById("txtuserName").value;var password = document.getElementById("txtpassword").value;var checkCode = document.getElementById("txtCheckCode").value;var response = userControl_logon.CheckCodeIsRight(checkCode).value;if(userName == ""){document.getElementById("txtuserName").focus();return false;}else if(password == ""...
最近学习了如何实现无刷新登录,大体的效果如下(界面比较丑,请自行忽略....):点击登录按钮时弹出登录窗口,输入正确的用户名密码后点击登录则登录窗口关闭,状态改为当前用户名. 第一步: 首先弹出窗口使用的是jquery-ui中的控件,第一步要学会如何使用. 打开解压后的jquery-UI下的development-bundle->demos,找到index.html,选择dialog下的model dialog,右键查看源码,观察如何使用该控件,找到一句关键代码:$("#dialog-modal").dialog({...
这是留言板的界面，当用户点击提交留言的时候，自动提交到我的留言下面 留言内容中为空，或者为灰色的“没有填写留言内容”都会弹出 请填写留言内容，当用户填写信息的会在右下角显示当前留言的字数。下面是javascript的代码 //去掉左右尖括号 并用去掉空格后的字符串替代显示 function replaceBrackets(id) { var inputValue = $("#" + id).val(); while (inputValue.indexOf("<") != -1) { inputValue = inputValue.replace("<"...
前言 这样的需求很常见：点击页码局部更新页面（非整体刷新），并且产生历史管理。局部刷新很容易实现，ajax可以满足我们的需要，但是这并不会产生历史管理，好在html5给我们提供了几个好用的api方便解决这个问题，见下文。 正文 一、API 1、pushState pushState()有三个参数：一个状态对象、一个标题（现在会被忽略），一个可选的URL地址。 state：与要跳转到的URL对应的状态信息。 title：空字符串（以后可能有用）。 url：要...
ajax无刷新验证注册信息示例，其大概思路如下: 一.把注册的html页面做好(html+css) 1.不需要form表单，直接用div包着 2.需要四个标签来显示正确、错误的信息显示 3.不用submit提交按钮，直接用button 如图： 二.把ajax做成一个函数，通过传简单的参数可以与服务器进行数据交换. 1.这个ajax函数前面有一篇如何处理利用ajax处理返回数据的文章中详细说明了。 2.ajax函数需要三个参数，url，jsonData，getMsg。这里的url都是reg...
本文实例为大家分享了ajax实现无刷新省市县三级联动的具体代码，供大家参考，具体内容如下 效果图：实现代码： 1、html：<html> <head><title></title><style type="text/css">select{width: 150px;}</style><script src="js/Jquery1.7.js" type="text/javascript"></script><script type="text/javascript">$(function () {$.ajax({type: "post",contentType: "application/json",url: "WebService1.asmx/GetProvince",data: "{}"...