首页 > 其他分享 >Ajax

Ajax

时间:2023-03-16 14:11:06浏览次数:31  
标签:function www 请求 get res Ajax 服务器

1.URL地址的组成部分

URL地址一般由三部分组成

1.客户端与服务器之间的通信协议

2.存有该资源的服务器名称

3.资源在服务器上具体的存放位置

2.get和post请求

get请求通常用于获取服务端资源(向服务器要资源)

post请求通常用于向服务器提交数据

使用get发起不带参数的请求

<button id="btnGET">发起不带参数的get请求</button>
    <script>
        $(function() {
            $('#btnGET').on('click', function() {
                $.get('http://www.liulongbin.top:3006/api/getbooks', function(res) {
                    console.log(res);
                })
            })
        })
    </script>

使用get发起带参数的请求

 <button id="btnGETINFO">发起带参数的GET请求</button>
    <script>
        $(function() {
            $('#btnGETINFO').on('click', function() {
                $.get('http://www.liulongbin.top:3006/api/getbooks', {
                    id: 1
                }, function(res) {
                    console.log(res);
                })
            })
        })
    </script>

使用$.Ajax发起请求

<script>
        $(function() {
            $('#btnGET').on('click', function() {
                $.ajax({
                    type: 'GET',
                    url: 'http://www.liulongbin.top:3006/api/getbooks',
                    data: {
                        id: 1
                    },
                    success: function(res) {
                        console.log(res);
                    }
                })
            })
        })
    </script>

标签:function,www,请求,get,res,Ajax,服务器
From: https://www.cnblogs.com/luckily7/p/17222346.html

相关文章

  • Vue 代理服务器___Vue 跨域通过Axios 的ajax方式的get请求获取数据
    Vue代理服务器___Vue跨域通过Axios的ajax方式的get请求获取数据1、说明1.1:配置2台本地服务器说明:node_modules为vue脚手架        package.json为静态数据......
  • 用jquery进行ajax渲染
    html代码1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<metahttp-equiv="X-UA-Compatible"content="IE=edge">6<m......
  • ajax 泛微
    <%@pageimport="weaver.soa.workflow.request.RequestInfo"%><%@pageimport="weaver.soa.workflow.request.RequestService"%><%@pageimport="weaver.general.Util"......
  • Ajax续
    一.前端拿取后端的传递结果Java:@RequestMapping("/a2")publicList<User>a2(){ArrayList<User>list=newArrayList<User>();list.add(n......
  • 初识Ajax
    简介Ajax=Asynchronous JavaScriptandXML(异步的JavaScript和XML)Ajax式一种无需重新加载整个网页的情况,能够更新部分网页(局部更新)Ajax不是一种新的编程语言,而是一种......
  • Day03-Ajax&Json
    AJAX&JSON一.AJAX的概述1.1什么是ajax导入02_代码\授课素材\01_ajax素材\同步\day0301_maven-usermanager项目到idea中演示同步弊端。同步:异步:1.AJAX=Asynchr......
  • 1.Django与Ajax
    AJAX简介(异步提交局部刷新)AJAX(AsynchronousJavascriptAndXML)翻译成中文就是“异步的Javascript和XML”。通过使用Javascript语言与服务器进行异步交互,传输的数据为X......
  • JQuery的ajax函数中error的解析
    error是ajax传入的对象中的函数,表示ajax发送请求后返回的异常信息处理函数。error函数有三个参数:jqXHR、status、errorThrown第一个参数jqXHR是一个XMLHttpRequest对象,该......
  • Ajax的全面了解
    Ajax的全面了解我们知道,前端页面想要和后端进行数据交互,可以通过以下的方式:1.将参数添加到URL中,后端通过get的方式从URL中获取数据GET请求2.前端页面通过form表单,将......
  • ES6-ES11 Promise封装AJAX
    原视频<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><titl......