>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 25826 个阅读者 刷新本主题
 * 贴子主题:  jQuery:AJAX get() 和 post() 方法 回复文章 点赞(0)  收藏  
作者:sunshine    发表时间:2019-08-12 22:46:23     消息  查看  搜索  好友  邮件  复制  引用

  

jQuery -  AJAX get() 和 post() 方法

              jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。            

HTTP 请求:GET vs. POST

             两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。            
  • GET - 从指定的资源请求数据
  • POST - 向指定的资源提交要处理的数据
             GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。

             POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。                    

jQuery $.get() 方法

             $.get() 方法通过 HTTP GET 请求从服务器上请求数据。            

语法:

            $.get(URL,callback);

          必需的 URL 参数规定您希望请求的 URL。

          可选的 callback 参数是请求成功后所执行的函数名。

        下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据:                            

范例

$ ( " button " ) . click ( function ( ) {
  $. get ( " demo_test.php " , function ( data , status ) {
     alert ( " 数据:  "  +  data  +  "
状态:  "  +  status ) ;
   } ) ;
} ) ;

             $.get() 的第一个参数是我们希望请求的 URL("demo_test.php")。

             第二个参数是回调函数。第一个回调参数存有被请求页面的内容,第二个回调参数存有请求的状态。

            提示: 这个 PHP 文件 ("demo_test.php") 类似这样:            

demo_test.php 文件代码:

<?php
echo   ' 这是个从PHP文件中读取的数据。 ' ;
?>                            

jQuery $.post() 方法

             $.post() 方法通过 HTTP POST 请求向服务器提交数据。

                 语法:
             $.post(URL,data,callback);

             必需的 URL 参数规定您希望请求的 URL。

            可选的 data 参数规定连同请求发送的数据。

            可选的 callback 参数是请求成功后所执行的函数名。

            下面的例子使用 $.post() 连同请求一起发送数据:                            

范例

$ ( " button " ) . click ( function ( ) {
    $. post ( " /try/ajax/demo_test_post.php " ,
     {
         name : "  " ,
         url : " http://www.javathinker.net "
     } ,
     function ( data , status ) {
         alert ( " 数据:  
"  +  data  +  "
状态:  "  +  status ) ;
     } ) ;
} ) ;

                        $.post() 的第一个参数是我们希望请求的 URL ("demo_test_post.php")。

             然后我们连同请求(name 和 url)一起发送数据。

           "demo_test_post.php" 中的 PHP 脚本读取这些参数,对它们进行处理,然后返回结果。

           第三个参数是回调函数。第一个回调参数存有被请求页面的内容,而第二个参数存有请求的状态。

           提示: 这个 PHP 文件 ("demo_test_post.php") 类似这样:            

demo_test_post.php 文件代码:

<?php
$name  =  isset ( $_POST [ ' name ' ] )  ?  htmlspecialchars ( $_POST [ ' name ' ] )  :  ' ' ;
$url  =  isset ( $_POST [ ' url ' ] )  ?  htmlspecialchars ( $_POST [ ' url ' ] )  :  ' ' ;
echo   ' 网站名:  '  .  $name ;
echo   "
" ;
echo   ' URL 地址:  '  . $url ;
?>

        

程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-24 10:57:07 重新编辑]
  Java面向对象编程-->对象的生命周期
  JavaWeb开发-->JSP技术详解(Ⅱ)
  JSP与Hibernate开发-->通过JPA API检索数据
  Java网络编程-->用Axis发布Web服务
  精通Spring-->
  Vue3开发-->Vue CLI脚手架工具
  JavaScript数组去重(12种方法)
  最新的Vue面试题大全含源码级回答,吊打面试官系列
  前端面试官指导前端面试攻略
  创建vue cli 插件
  vue 项目中使用loadsh 的 防抖(debounce)和节流(throttle...
  基于vue和springmvc前后端分离,json类接口调用介绍
  AJAX获取服务器响应
  JavaScript中的HTML DOM Button 对象
  JavaScript的HTML DOM td / th 对象
  CSS3的响应式 Web 设计:媒体查询
  CSS3字体
  CSS3 文本效果
  CSS 网页布局
  jQuery Mobile 方向改变事件
  应该掌握的几个HTML标记语言(个人总结)
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。