• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路

jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路

作者: 字体:[增加 减小] 来源:互联网

通过本文主要向大家介绍了异步通信,json传值等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

       jQuery是时下比较流行的一个js库,能够用简单的代码做出理想的效果,就像官网上说的那样“write less ,do more”。Jquery在一定程度上改写了以往对JavaScript的写法,本人就用jquery实现上篇中用ajax实现异步通信的效果,感受一下jquery的魅力。

     首先你需要下载jquery的最新的js文件,并将其引入到文件中,你也可以在此下载:点我下载。

     这次通信用的是jquery的jQuery.post(url,[data], [callback],[type])方法,这是一个简单的POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。参数为:url,[data],[callback],[type] 相对应的参数类型为String,Map,Function,String:

     ●url:发送请求地址。

     ●data:待发送 Key/value参数。

     ●callback:发送成功时回调函数。

     ●type:返回内容格式,xml,html, script, json, text, _default)

     新建一个jsp文件jqueryDemo.jsp,代码如下所示:

     新建一个servlet文件JqueryServlet.java,代码如下所示:

     好了,现在可以运行了,打开服务器,运行此jsp文件,页面如下所示:


    当输入admin时,页面如下所示:


     当输入其他的字符时,页面如下所示:


     可以看出jquery能够实现ajax的功能,并且代码更简洁了。

     只是,最后本人有一个问题迟迟没有解决,那就是输入中文时传到后台的值乱码,按照网上的好多办法都没有解决掉,不知道为什么,谁有更好的方法希望能给我推荐一下,本人不胜感激。

      这是本人学习的结果,允许转载,欢迎交流,但转载务必给出本文章的链接地址

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路

相关文章

  • jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
  • Struts2+jquery.form.js实现图片与文件上传的方法
  • jquery 显示*天*时*分*秒实现时间计时器
  • jQuery 动画弹出窗体支持多种展现方式
  • jQuery中:only-child选择器用法实例
  • jQuery实现Email邮箱地址自动补全功能代码
  • jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
  • 基于jquery自定义图片热区效果
  • jquery实现input输入框实时输入触发事件代码
  • jQuery zclip插件实现跨浏览器复制功能

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Jquery搜索父元素操作方法
    • jQuery中eq()方法用法实例
    • jQuery中slidedown与slideup方法用法示例
    • Jquery鼠标放上去显示全名的实现方法
    • 基于jquery自定义的漂亮单选按钮RadioButton
    • Jquery实现控件的隐藏和显示实例
    • jQuery中:text选择器用法实例
    • Jquery Ajax Error 调试错误的技巧
    • 基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
    • 详解JavaScript for循环中发送AJAX请求问题

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有