当前位置:  编程技术>jquery

jquery异步请求并改变页面内容的实例分析

    来源: 互联网  发布时间:2014-09-03

    本文导语:  1,jquery代码 /** * jquery异步请求 * edit www. */ var path = 'index.php?d='+Math.random()+'&act=favorite'; $(document).ready(function(){ $("#selectFavOrSha").change(function(){ //var data = {type:'ajaxFS',index:this.value}; //ajaxSend(path,data,'json',...

1,jquery代码


/**
* jquery异步请求
* edit www.
*/
var path = 'index.php?d='+Math.random()+'&act=favorite';  
$(document).ready(function(){  
    $("#selectFavOrSha").change(function(){  
        //var data = {type:'ajaxFS',index:this.value};  
        //ajaxSend(path,data,'json',true);  
        document.getElementById("answerContent").innerHTML = "
"; $.ajax({ url:path, data:{type:'ajaxF',index:this.value}, type:'post', dataType:'json', success:function(data){ if(data.success){ document.getElementById("answerContent").innerHTML = data.msg; }else{ alert('系统错误!请联系客服!'); } } }); }); });

php测试代码:


记住,这里用json_encode方法是很有必要的,可以避免意外情况的出现,比如html代码的解析以及特殊字符的处理等。
data.msg返回的内容就是good。

简单吧,就是这些了,希望对大家有所帮助。


    
 
 

您可能感兴趣的文章:

  • jquery处理json数据实例分析
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jquery ajaxSubmit 异步提交的简单实现
  • Jquery 数据异步提交的小例子
  • 浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
  • Jquery easyui表单异步验证扩展
  • jQuery异步上传插件
  • jQuery异步验证用户名是否存在示例代码
  • 使用jquery.upload.js实现异步上传示例代码
  • jQuery异步加载数据并添加事件示例
  • 自写的jQuery异步加载数据添加事件
  • jquery的ajax异步请求接收返回json数据实例
  • 使用jQuery异步加载 JavaScript脚本解决方案
  • AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
  • Jquery Ajax解析XML数据(同步及异步调用)简单实例
  • jQuery dialog 异步调用数据(webserivce或ashx)的实现代码
  • JQuery异步加载无限下拉框级联功能实现示例
  • Jquery.Form 异步提交表单的简单实例
  • jquery uploadify和apache Fileupload实现异步上传文件示例
  • jquery淡化版banner异步图片文字效果切换图片特效
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery使用jquery.zclip插件复制对象的实例教程
  • JQuery验证特殊字符实例
  • jquery检验实例-改变错误提示信息的位置
  • textarea显示成label的样式 jquery实例
  • jQuery实现回车键(Enter)切换文本框焦点的代码实例
  • jquery修改属性值实例代码(设置属性值)
  • Jquery each方法跳出循环,并获取返回值(实例讲解)
  • jquery等宽输出文字插件的实例代码
  • jquery 回车事件的实例分享
  • jquery 获取dom固定元素 添加样式的简单实例
  • Jquery 获取元素位置序号的实例代码
  • jquery获得表单所有数据的实例分享
  • jQuery回车键事件实例代码
  • Jquery 键盘按键监听与滑动效果的实例
  • jquery实现弹出div,始终显示在屏幕正中间的简单实例
  • jquery导航固定效果实例
  • jquery 延迟执行的实例分享
  • JQuery validate日期比较实例
  • Jquery如何获取新浪天气预报?实例代码
  • jquery 网页自动播放声音实例
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    JQuery验证特殊字符实例 iis7站长之家