易截截图软件、单文件、免安装、纯绿色、仅160KB

jQuery Ajax 实例演示


<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 (){
    $.post(
      'ajax_json.php',
      {
        username:$('#input1').val(),
        age:$('#input2').val(),
        sex:$('#input3').val(),
        job:$('#input4').val()
      },
      function (data) //回传函数
      {
        var myjson='';
        eval('myjson=' + data + ';');
        $('#result').html("姓名:" + myjson.username + "<br/>工作:" + myjson['job']);
      }
    );
   });
//$.get()方式:
$('#test_get').click(function ()
{
    $.get(
      'ajax_json.php',
     


相关文档:

简单的AJAX获取数据库表数据

A.aspx页面放一个dropdownlist,在A.aspx.cs添加: this.drpSchool.Attributes.Add("onchange", "load(this.options[this.selectedIndex].value)");
在A.aspx页面添加如下脚本:
function load(state){
var oHttpReq = new ActiveXObject("MSXML2.XMLHTTP");
var oDoc = new ActiveXObject("MSXML2.DOMDocument");
......

简单实用的ajax脚本

文件名:ajax.js
/**
 * 取得当前页面的url
 * 可以在调用ajax_query前修改
 **/
var url = location.href.substr(0, location.href.length-location.search.length);
/**
 * 给Function对象添加一个取得函数名的方法
 **/
Function.prototype.Name = function() {
  var s = Func ......

ajax编程界面布局及界面元素命名体会

1、区块的显示与隐藏
      在进行ajax编程时,经常会用到div标签对页面元素进行布局,大致方法是,把界面分做几大块,有时候需要根据点击菜单显示相应的块及隐藏其他块,这时可简单设置div.style.display为block进行显示,div.style.dispaly为none进行隐藏。
2、界面元素命名
  &nb ......

AJAX框架比较:jQuery,Mootools,Dojo,Ext JS

       AJAX是web20的基石,现在网上流行几种开源的AJAX框架,比如:jQuery,Mootools,Dojo,Ext JS等等,那么我们到底在什么情况下该使用那个框架?以下是一组摘抄的数据:      
       Ajaxian在2007年底对Ajax工具进行了调 ......

Ajax异步刷新

注意:
1、<div id="iframe">显示刷新的内容</div>
2、调用异步刷新:javascript:OnLink('地址')
<!--ajax异步刷新-->
<script type="text/javascript">
 //创建XMLHttpRequestc对象
  var  xmlHttp=false;
  //判断浏览器
  function createXMLHtt ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号