【速成之路】网页编程必会的Ajax——jQuery实现Ajax（二）

最新推荐文章于 2024-07-17 12:52:53 发布

2401_84093490

最新推荐文章于 2024-07-17 12:52:53 发布

阅读量102

点赞数 1

分类专栏：程序员文章标签： ajax jquery okhttp

本文链接：https://blog.csdn.net/2401_84093490/article/details/138932683

版权

程序员专栏收录该内容

271 篇文章 0 订阅

订阅专栏

其中，url是设置资源请求的路径；callback是资源请求成功后执行的函数名。例如请求test. php网页，忽略返回值，调用语句如下所示：


$. get("test. php");

例如请求test.php网页，显示返回值，调用语句如下所示：


$.get(

  "test.php",

   function(data){

     alert("返回值是："+data);

   }

);

2.$.post()方法

$.post()方法通过HTTPPOST请求从服务器载入数据，其语法格式如下所示：


$.post(url, data, callback);

其中，url是设置资源请求的路径；data是在进行资源请求的同时向服务器端发送的数据；callback是资源请求成功后所执行的函数名。

例1在页面上仅显示一个按钮，单击该按钮之后，使用$.post()方法请求服务器网页，并把返回的数据显示到指定的<div>中，其在浏览器中的显示结果如图1和图2所示。

【例1】


<!DOCTYPE html>

  <html>

  <head>

  <title>example1.html</title>

  <meta http-equiv="content=type" content="text/html;charset=UTF-8">

  <script type="text/ javascript "src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

  <script type="text/javascript">

     $(function(){

       $("button").click(function(){

        $.post("example1-server.jsp",{

          name:"Web编程基础",

          url:" http://www.whpu.edu.cn "

        },

        function(data, status){

          $("#display").html("数据:<br>"+data+"<br>状态: <br>&nbsp;&nbsp;%nbsp;"+status);

		  });

      });

	});

   </script>

   <head>

 <body>

      <div id="display"></div>

      <button>AjaxPOST请求</button>

 </body>

</html>

例1中$.post()的第一个参数是请求的URL地址，本例是example1-server. jsp；第二个参数设置向服务器端发送的数据(name和url)，example1-server-jsp中的JSP脚本读取这些参数，并对其进行处理，最后返回结果；第三个参数是回调函数，回调参数的第一个参数存有被请求页面的内容，第二个参数存有请求的状态。

例1中服务器端源代码example1-server. jsp如下：


<%@ page language="java" import="java.util.*"  pageEncoding="utf−8"%>

<%

String webName=(String)request.getParameter("name");

String url=(String)request.getParameter("url");

out.print("&nbsp;&nbsp;&nbsp;网站名:"+webName);

out.print("<br>&nbsp;&nbsp;&nbsp;网址:"+url);

%>


#  最后

**自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

**深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。**

**因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**

![img](https://img-blog.csdnimg.cn/img_convert/98c92c92eb1b27758331e2e0be18e2fe.jpeg)

![](https://img-blog.csdnimg.cn/img_convert/9b8ead4a59dee9b92eec29e8c56b4f59.png)

![](https://img-blog.csdnimg.cn/img_convert/a47b4fb6388f6b50caecfde1be57efd2.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

[**如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！**](https://bbs.csdn.net/topics/618191877)

**由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！**
都将为你打开新的学习之门！**

[**如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！**](https://bbs.csdn.net/topics/618191877)

**由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！**

2401_84093490

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【速成之路】网页编程必会的Ajax——jQuery实现Ajax（二）

的第一个参数是请求的URL地址，本例是example1-server. jsp；第二个参数设置向服务器端发送的数据(name和url)，example1-server-jsp中的JSP脚本读取这些参数，并对其进行处理，最后返回结果；第三个参数是回调函数，回调参数的第一个参数存有被请求页面的内容，第二个参数存有请求的状态。其中，url是设置资源请求的路径；data是在进行资源请求的同时向服务器端发送的数据；方法请求服务器网页，并把返回的数据显示到指定的。中，其在浏览器中的显示结果如图1和图2所示。
复制链接

扫一扫