①杂记:前面有原生态JavaScript实现ajax这里又多了更简单的方法实现ajax

②$.get()方法的常用参数

参数 类型 说明
url String 必选,规定发送地址
data PlainObject或String 可选,规定请求发送的数据
success

Function(PlainObject data,

String textStatus,jqXHR jqxhr)

可选,成功后调用的函数

参数data:可选服务器返回结果

参数textStatus:可选描述请求状态

参数jqxhr:可选是XMLHttpRequest的超集

(如果指定dataType这个必选)

dataType String 可选:预期服务器返回的数据类型

③$.post()方法的常用参数同上

一.单词部分(JSON常用单词)

1.load 加载  2.serialize序列化  3.contains  包含  4.feature 特征

5.quote  引用  6.skip 跳跃  7.transient 短暂的     8.pretty 相当

9.prototype 原型  10.conflict 冲突

二.关于JSON一些常见问题

1.jQuery实现Ajax的主要方法

①原生态实现

②$.get()和$.post()方法

③$.getJSON()方法

④.load()

2.jQuery解析表单数据

jQuery的.serializeArray()方法会从一组表单元素中检测有效控件:

①元素不能被禁用

②元素必须有name属性

③选中的checkbox才是有效的

④选中的radio才是有效的

⑤只有触发提交事件的submit按钮才是有效的

⑥file元素不会被序列化

3.jQuery与其它3

三.实现Ajax

1.使用$.get()方法实现异步验证注册邮箱

 1 $(function(){
 2         $("#email").blur(function(){
 3         var email=$("#email").val();
 4         if(email==null || email==""){
 5         $("#samp").html("邮箱不能为空!");
 6         }
 7         else{
 8         $.get("userServlet","email="+email,callBack);
 9         function callBack(data){
10         if(data=="true"){
11          $("#samp").html("邮箱已被注册!");
12         }
13         else{
14          $("#samp").html("邮箱可注册!");
15         }
16         }
17         }
18         });
19
20    });

2.使用$.getJSON()方法加载管理员页面主题列表

 1 $.getJSON("userServlet","por=top",callTopics);
 2
 3     function callTopics(top){
 4
 5         var $userul=$("#userul").empty();
 6         for(var i=0;i<top.length;){
 7             //alert("ddd");
 8             $userul.append(
 9                     "<li>"+top[i].topics+"&nbsp;&nbsp;<a href=''>修改</a>&nbsp;&nbsp;<a href=''>删除</a></li>"
10                     );
11             i++;
12         if(i==top.length){
13
14                 break;
15             }
16         }
17     }

3.在Ajax中直接返回HTML内容生成主题管理页面

 1 $.ajax({
 2     "url":"userServlet",
 3     "type":"GET",
 4     "data":"por=top1",
 5     "dataType":"html",
 6     "success":callTopics
 7 });
 8         function callTopics(data){
 9             $("#userul").html(data);
10         }

4.使用.load()方法为管理员页面加载服务器生成的主题列表

$("#userul").load("userServlet","por=top1");

5.使用Ajax实现无刷新的新闻评论功能

 1 if(por.equals("addCom")){
 2             //上机5添加评论
 3             comment com=new comment();
 4             commentdao comdao=new commentimpl();
 5             String name=request.getParameter("cauthor1");
 6             String ip=request.getParameter("cip");
 7             String content=request.getParameter("ccontent");
 8             String ctime="2017-7-4";
 9             //time.toString();
10             com.setCname(name);
11             com.setCcontent(content);
12             com.setCip(ip);
13             com.setCtime(ctime);
14             int re=comdao.addcomment(com);
15             String result="";
16             if(re>0){
17                 result="success";
18             }else {
19                 result="添加失败!";
20             }
21
22
23             response.setContentType("text/html;charset=UTF-8");
24             PrintWriter out=response.getWriter();
25             out.print("[{\"result\":\""+result+"\",\"ctime\":\""+ctime+"\"}]");
26             out.flush();
27             out.close();
28
29         }

6.使用FastJSON改造管理员页面加载主题列表

    topdao nd=new topimpl();List<top> listtop=nd.alltop();String titleJson=JSON.toJSONStringWithDateFormat(listtop,"yyyy-MM--dd HH:mm:ss");

四.加深理解

通过FastJSON的相关API可以简化服务器端生成的JSON字符串代码

$.parseJSON()方法用来将JSON格式字符串解析为JSON对象

欢迎提问,欢迎指错,欢迎讨论学习信息 有需要的私聊 发布评论即可 都能回复的

原文在博客园http://www.cnblogs.com/a782126844/有需要可以联系扣扣:2265682997

转载于:https://www.cnblogs.com/a782126844/p/7115149.html

accp8.0转换教材第11章Ajax交互扩展理解与练习相关推荐

  1. accp8.0转换教材第1章多线程理解与练习

    一.单词部分: ①process进程 ②current当前的③thread线程④runnable可获取的 ⑤interrupt中断⑥join加入⑦yield产生⑧synchronize同时发生 二.预 ...

  2. TensorFlow 2.0深度学习算法实战教材---第11章 循环神经网络

    人工智能的强力崛起,可能是人类历史上最好的事情,也可能是最糟糕的事情.−史蒂芬•霍金 卷积神经网络利用数据的局部相关性和权值共享的思想大大减少了网络的参数量,非常适合于图片这种具有空间(Spatial ...

  3. (转载)BOX2D V2.3.0 用户手册中文版(第11章)-杂项

    Chapter 11 杂项 11.1 用户数据 b2Fixture, b2Body 和 b2Joint 类都允许你通过一个 void 指针来附加用户数据.当你测试Box2D数据结构,并使其跟自己游戏引 ...

  4. ajax交互扩展遇到的问题,ajax autocomplete扩展程序无法正常工作

    我在文本框上有一个自动填充扩展器,它将记录显示为数据库中的列表,但是我点击了texbox并开始输入任何内容.我的HTML代码是 Enabled="True" TargetContr ...

  5. 第11章实验1:学生成绩管理系统V4.0

    第11章实验1:学生成绩管理系统V4.0 某班有最多不超过30人(具体人数由键盘输入)参加期末考试,最多不超过6门(具体门数由键盘输入).参考学生成绩管理系统V3.0,用二维数组作函数参数编程实现如下 ...

  6. 第11章实验1:学生成绩管理系统V4.0(C语言)

    第11章实验1:学生成绩管理系统V4.0 (前方空降提示:由于题目很长很长很长,代码在最后,翻到底才有哦.) 某班有最多不超过30人(具体人数由键盘输入)参加期末考试,最多不超过6门(具体门数由键盘输 ...

  7. accp8.0java第四章_北大青鸟ACCP8.0课程升级简介-JAVA篇

    北大青鸟ACCP8.0课程升级了哪些内容呢?重点还是提高学员的动手能力,掌握企业项目开发流程及相关技术,能够使用SSM框架.SSH框架技术,快速高效地开发性能健壮的企业级应用,具体升级内容如下: ja ...

  8. 【TPM2.0原理及应用指南】 9、10、11章

    第9章 hierarchy NV索引属于一个hierarchy,但不在树中. 每个hierarchy的密码根是一个种子,一个大的随机数,TPM产生,永远不可能泄露. 9.1 三个持久性hierarch ...

  9. 0与1c语言编译,C语言程序设计(07776-1)第11章编译预处理课案.ppt

    C语言程序设计(07776-1)第11章编译预处理课案.ppt 第11章 编译预处理 主要内容 宏定义 文件包含 条件编译 程序案例 小结 习题 11-1 宏定义 不带参数的宏定义 带参数的宏定义 终 ...

最新文章

  1. git push origin master和git push有什么区别?
  2. 数据特征分析(学习笔记)
  3. sql server 2005 数据库状态 变成 可疑的解决方案
  4. oracle clob截取_Oracle数据库设计规范建议
  5. C++ passes by reference, Java and Ruby don’t
  6. ★LeetCode(1025)——除数博弈(JavaScript)
  7. 【设计模式】面向对象作业-超级母牛的故事
  8. UVA1363 LA3521 POJ2800 ZOJ2646 Joseph‘s Problem【约瑟夫环+数学】
  9. Node.js因为OpenSSL安全问题推迟更新
  10. 使用whistle代理
  11. 常识:如何从大陆拨打国际长途电话到境外的方法
  12. word文档怎么批量解除锁定_word文档被锁定,怎么解开?
  13. New File(.)
  14. win10加装机械硬盘卡_win10重装,机械硬盘和SSD的C盘如何分区?记住这2点电脑10年不卡...
  15. 2022-03-03 北京 计算机知识。字符编码,ppt
  16. 结合grabcut和inpaint,实现人像去除
  17. SPI接口的MISO和MOSI连接时是否需要交叉接? SI和SO呢?
  18. 高层要有事业心,中层要有进取心,基层要有责任心!
  19. 概率论复习笔记——条件概率、全概率、贝叶斯公式及其应用
  20. html写大学课程表

热门文章

  1. numpy中的ogrid
  2. TCP/IP 知识点问答(三)
  3. IPv6的脚步声近了!
  4. webpack 相关文章
  5. BSPreloadTableVew带有预加载功能的tableView
  6. 学习js,尝试写一个表单验证框架(1)-规划
  7. 前端那些事之weex
  8. Apache Spark机器学习.1.7 机器学习工作流示例
  9. 清除绊脚石(不定期更新)
  10. Hadoop源码阅读-HDFS-day2