<html>
<head>
<title>jQuery Ajax 实例演示</title>
</head>
<script language="javascript" src="../lib/jquery.js"></script>
<script language="javascript">
$(document).ready(function ()
{
$('#send_ajax').click(function (){
var params=$('input').serialize(); //序列化表单的值
$.ajax({
url:'ajax_json.php', //后台处理程序
type:'post', //数据发送方式
dataType:'json', //接受数据格式
data:params, //要传递的数据
success:update_page //回传函数(这里是函数名)
});
});
//$.post()方式：
$('#test_post').click(function (){
&nb ......
JS文件
//以下为jquery代码
$(document).ready(function(){
$("#jqbtn").click(function(){
alert(1);
$.ajax({
type:"POST",
& ......
1、源代码
这个AJAX连接池害我我弄了很久，终于，让它兼容IE6/7/8、FireFox、Opera、Google Chrome这四类浏览器了。
/**
* AJAX 连接池
* AJAXConnectionPool Build in 2009.7.10
* @author CodingMouse
* @version 1.0
*/
var AJAXConnectionPool = function() {
// 任务队列
var taskQueue = [];
// 请求缓冲池
var requestBufferPool = [];
// 最大连接数
var maxThreadNumber = 2;
return {
/**
* 获取空闲请求
* @return {空闲请求对象}
*/
getIdleRequest : function() {
var request = null;
for (var i = 0; i < maxThreadNumber; i++) {
if (requestBufferPool[i].readyState == 0) {
request = requestBufferPool[i];
break;
}
}
return request;
},
/**
* 初始化
* @param {最大连接数} max
*/
init : function(max) {
if (max != null)
maxThreadNumber = max;
for (var k = 0; k < maxThreadNumber; k++) {
var request = null;
if (window.XMLHttpRequest) { // 如果是 Google Chrome、 Moz ......
很多朋友问我如何实现无刷新上传图片,这里小黑给大家找了一篇关于无刷新实现图片上传的文章,希望对大家有帮助.
本文客服端使用的是ajax.net异步上传文件
1.在
protected void Page_Load(object sender, EventArgs e)
{
Ajax.Utility.RegisterTypeForAjax(typeof(renzheng1));
}
中注册类。
2.后台代码中的webservice
//filePath 本地文件路径
//ext 文件扩展名
//其实就是后台代码中的一个函数
[Ajax.AjaxMethod()]
public string RenZhengCom(string filePath,string ext)
{
string str = "/UploadFile/renzheng/" + Pq168Help.GenerateFileName()+ext;
string SaveUrl = Server.MapPath(str);//上传到什么位置
WebClient myWebClient = new WebClient();//创建WebClient实例
&n ......
AJAX技术介绍
AJAX 的全称指异步的 JavaScript 及 XML（Asynchronous JavaScript And XML）
在学习AJAX之前，你需要了解的知识有：
HTML / XHTML
JavaScript
当然还有一些其他的技术：CSS、DOM、XML、XMLHttpRequest
AJAX 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。
通过 AJAX，你的可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象，你的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据。
AJAX使用XHTML和CSS标准化呈现页面，使用DOM实现动态显示和交互， 使用XML和XSTL进行数据交换与处理，使用XMLHttpRequest对象进行异步数据读取， 使用JavaScript绑定和处理所有数据。
AJAX 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。
AJAX 可使因特网应用程序更小、更快，更友好。
AJAX 是一种独立于 Web 服务器软件的浏览器技术。
今天您就可以使用 AJAX
没有什么新东西可学。
AJAX 基于已有的标准。这些标准已被大多数开发者使用多年。
标签: AJAX框架教程, JavaScript教程
作者：马明@PHP培训 修订1.0 20 ......
JSON插件提供了一种名为json的ResultType，一旦为某个Action指定了一个类型为json的Result，则该Result无需映射到任何视图资源。因为JSON插件会负责将Action里的状态信息序列化成JSON格式的数据，并将该数据返回给客户端页面的JavaScript。
简单地说，JSON插件允许我们在JavaScript中异步调用Action，而且Action不再需要使用视图资源来显示该Action里的状态信息，而是由JSON插件负责将Action里的状态信息返回给调用页面——通过这种方式，就可以完成Ajax交互。
Struts2提供了一种可插拔方式来管理插件，安装Struts2的JSON插件与安装普通插件并没有太大的区别，一样只需要将Struts2插件的JAR文件复制到Web应用的WEB-INF/lib路径下即可。
安装JSON插件按如下步骤进行：
(1)登陆http://code.google.com/p/jsonplugin/downloads/list站点，下载Struts2的JSON插件的最新版本，当前最新版本是0.7，我们可以下载该版本的JSON插件。
(2)将下载到的jsonplugin-0.7.jar文件复制到Web应用的WEB-INF路径下，即可完成JSON插件的安装。
实现Actio逻辑
假设wo,en输入页面中包含了三个表单域，这三个表单域对于三个请求参数，因此应该使用Action ......
最新文章 : ajax