jquery的ajax请求

最新推荐文章于 2023-02-27 18:01:19 发布
最新推荐文章于 2023-02-27 18:01:19 发布
阅读量372 收藏
点赞数
分类专栏： jquery 文章标签： mysql 数据库 database
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/deep_zhuheihei/article/details/123283043
版权 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../jquery.js"></script>
</head>

<body>
    <button id="get">GET</button>
    <button id="post">POST</button>
    <button id="fangfa">通用型方法ajax</button>
    <script>
        $(function () {
            $("#get").click(function () {
                $.get('http://127.0.0.1:8000/jquery', { a: 100, b: 200 }, function (data) {
                    console.log(data);
                })
            })
            $("#post").click(function () {
                $.post('http://127.0.0.1:8000/jquery', { a: 100, b: 200 }, function (data) {
                    console.log(data);
                },'json')
            })
            $("#fangfa").click(function(){
                $.ajax({
                    // url
                    url:"http://127.0.0.1:8000/jquery",
                    // 参数data
                    data:{a:100,b:200},
                    // 响应体结果
                    dataType:'json',
                    // 请求类型
                    type:'GET',
                    // 成功的回调
                    success:function(data){
                        console.log(data);
                    },
                    // 超时时间
                    timeout:2000,
                    // 失败回调
                    error:function(){
                        console.log("出错了");
                    },
                    // 头信息
                    // headers:{
                    //     a:100
                    // }
                })
            })
        })
    </script>
</body>

</html>

使用node开发服务器

const express = require('express')
const app = express();

app.get('/server', (req, res) => {
    res.setHeader('Access-Control-Allow-Origin','*')
    // res.send({name:'zx',age:20,gender:"男"})
    res.send("asdasd")
})
app.get('/ie', (req, res) => {
    res.setHeader('Access-Control-Allow-Origin','*')
    // res.send({name:'zx',age:20,gender:"男"})
    res.send("htllo i111e")
})
app.post('/server',(req,res)=>{
    res.setHeader('Access-Control-Allow-Origin','*')
    res.send('post')
})
// 延时处理
app.get('/delay', (req, res) => {
    res.setHeader('Access-Control-Allow-Origin','*')
    // res.send({name:'zx',age:20,gender:"男"})
    setTimeout(()=>{
        res.send("delay")
    },3000)
   
})


// jquery
// 延时处理
app.get('/jquery', (req, res) => {
    res.setHeader('Access-Control-Allow-Origin','*')
    // res.send({name:'zx',age:20,gender:"男"})
   
    res.send({name:"get"})

   
})
app.post('/jquery', (req, res) => {
    res.setHeader('Access-Control-Allow-Origin','*')
    // res.send({name:'zx',age:20,gender:"男"})
   
        res.send({name:"123post"})

})
app.listen(8000, () => {
    console.log("启动成功");
})
碑无名
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Jquery ajax请求导出Excel表格的实现代码
10-22
下面小编就为大家带来一篇Jquery ajax请求导出Excel表格的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jquery ajax参数详解
冲出仁川，走出马德里，故事还会再继续
01-10 1295
Jquery中的AJAX参数 url,[settings] url:一个用来包含发送请求的URL字符串。 settings:AJAX 请求设置。所有选项都是可选的。 settings：选项 accepts type:Map 默认： 取决于数据类型。 内容类型发送请求头，告诉服务器什么样的响应会接受返回。如果accepts设置需要修改，推荐在$.ajaxSetup()方法中做一次。 async type:boolean (默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将
jquery实现Ajax请求
qq_51635297的博客
11-09 7654
jquery实现Ajax请求
jquery中的ajax请求方式的写法 & 重要且常用参数的释义 & ajax返回值，return获取不到数据值
weixin_44867717的博客
12-03 2305
ajax
【AJAX 教程】Jquery 实现 AJAX 请求的三种方式
我的博客
05-23 2971
Jquery 实现 AJAX 请求的三种方式 目录 Jquery 实现 AJAX 请求的三种方式 简介 项目准备 $.get()方法 $.post()方法 $.ajax()方法 项目演示 相关文章【AJAX 教程】JS 原生 AJAX 请求 简介 JQuery 脚本库里所提供的 AJAX 提交的方法有很多，但主要的方法有 $.get(), $.post(), $.ajax()。其中 $.ajax() 是前两种方法的底层实现，可以提供比前两者更多的属性与参数设置，如果需要高级的...
JQuery中的Ajax请求方式
YCQNB_的博客
02-27 2063
1.了解jQuery中的Ajax 在浏览器中提供了XMLHttpRequest用法比较复杂，因此jQuery对XMLHttpRequest进行了封装，提供了一系列Ajax相关的函数，降低了Ajax的使用难度，提高了工作中的工作效率 2.$.get()函数 1.jQuery中的$.get()函数专门用来发起get请求,从而将服务器上的资源请求到客服端进行使用 $.get()函数的语法格式 $.get(url,[data],[callback]) url：要请求的资源地址 data:请求资源期间要
jquery ajax请求实例深入解析
01-21
jquery中封装了一些ajax请求的方法，很实用。 比如.ajaxComplete()——请求完成时.ajaxError()——请求失败时.ajaxSend()——在Ajax请求发送时附加一个function去执行.ajaxStart()——请求开始时，.ajaxStop()——...
使用jQuery Ajax 请求webservice来实现更简练的Ajax
10-21
以往我们在做ajax时,都要借助于一般处理程序(.ashx)或web服务(.asmx),并且每一个请求都要建一个这样的文件，非常麻烦，下面我们甩掉ashx和asmx来使用jQuery Ajax 请求webservice来实现更简练的Ajax，需要的朋友参考...
浅析jQuery Ajax请求参数和返回数据的处理
11-23
刚接触学会用jQuery ajax的时候，觉得真东西好神奇，这样就可以把数据取回来了啊。然后我可以把取回来的数据渲染到页面上，一颗赛艇。 之前很早接触到项目，并不知道怎么优雅的去用jquery ajax（现在也不优雅）； ...
jquery ajax 请求小技巧实例分析
12-13
本文实例讲述了jquery ajax 请求小技巧。分享给大家供大家参考，具体如下： jquery 是一个非常好用的js框架，它为我们提供了很多工具。启动异步请求就是很好用的一个工具 官方推荐的ajax 请求格式 $.ajax({ url:...
jQuery发送Ajax请求的几种方式
qq_45904018的博客
02-27 1658
JQuery发送ajax请求的方法有很多，其中最基本的方法是$.ajax，在其中封装的方法有 $.get, $post等。我们分别举了不同的示例。数据格式首先，浏览器与服务器之间传输数据所采用的格式，比较常见的有等，目前由于json占用更小存储，并且是JavaScript原生格式，因此大家大部分的选择。
jquery的函数实现Ajax
兮遥
08-21 1029
1、$.ajax() $.ajax() 是 jQuery 中 AJAX 请求的核心方法，所有的其他方法都是在内部使用此方法。 语法： $.ajax( { name:value, name:value, ... } ) async ： 布尔值，表示请求是否异步处理。默认是 true (可以不写) contentType ：发送数据到服务器时所使用的内容类型。默认是"application/x-www-form-urlencoded"。 data：规定要发送到服务器的数据，可...
jQuery实现ajax请求
qq_49044908的博客
11-13 3977
jQuery实现ajax请求 在没学习jQuery之前,发送ajax是比较麻烦的一个过程,需要四个步骤,jQuery将这些个步骤简化了,使用起来更加方便快捷 相关函数 $.ajax() : 它是jQuery中实现ajax的核心函数 $.post() : 这个函数是使用post方式发送ajax请求 $.get() : 这个函数是使用get的方式发送ajax请求 $.post() 和 $.get() 它们都是在内部调用了 $.ajax() ,所以 $.ajax() 是核心函数 $.ajax() 的使用 这个
AJAX简单请求流程
Andriivo的专栏
07-27 1648
AJAX页面无刷新。传输数据与接收数据都是通过JS代码来完成的。 要使用AJAX进行数据的传输，需要以下几个步骤： 第一步：获取数据传输的对象XMLHttpRequest，在获取的时候注意判断浏览器的类型 js 代码 /*       *最终目的只有一个,就是获得XMLHttpRequest对象(只有有了它以后,       *才能以ajax方式发送请求数据)  ...
原生js与JQuery的ajax请求
AK的博客
08-13 8380
原生js的ajax请求 1.创建XMLHttpRequest对象 var xhr=new XMLHttpRequest(); 2.准备发送请求 open() xhr.open('请求类型','url地址',是否异步); 参数 描述 请求类型 GET 或 POST url 文件在服务器上的地址 是否异步 true(异步) / false(同步) 3.发送请求数据 send() xhr.send(); 4.请求返回的回调函数 当页面的加载状态发生改变的时候readyState属
浅谈使用Jquery实现ajax请求
三冬暖
05-17 2993
使用jQuery实现ajax请求 一、以前Ajax请求 Ajax请求的实现分为五个步骤： 创建请求对象 设置与服务器端的连接信息 向服务器发送数据 设置回调函数 接收服务器的响应数据 每次都写这五个步骤显得比较麻烦，所以使用jQuery的方法实现则较为简洁。 二、使用jQuery实现 语法 $.ajax([settings]) settings为配置ajax请求的一系列键值对，具体参数说明如下表（参数来源菜鸟教程） 名称 值/描述 async 布尔值，表示请求是否异步处理。默
jQuery中发起Ajax请求最常用的三个方法
Britney10_21的博客
07-31 2122
一、什么是Ajax Ajax的全称是AsynchronousJavaScriptAndXML（异步JavaScript和XML） 我们可以理解为：在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式就是Ajax，它可以帮助我们轻松实现网页与服务器之间的数据交互。 二、什么是jQuery中的Ajax 浏览器中提供的XMLHttpRequest用法比较复杂，所以jQuery对XML进行了封装，提供了一系列Ajax相关的函数，极大地降低了...
jQuery中的AJAX请求
weixin_45650502的博客
03-29 1112
jQuery中发起Ajax请求的常用三种方法： $.get() $.post $.ajax
Jquery如何发送Ajax请求
qq_45991659的博客
10-07 2053
1、首先可以使用$.get()方法，这是发送一个get请求的ajax。 function get(){ $.get("action.php",function(){ }) } 2、可以使用getJSON方法，这是发送get请求，但返回的结果是一个json格式的数据 function get(){ $.get("action.php",function(){ }) $.getJson("action.json",function(data){ }) } 3、要返回一个s
jquery ajax请求
最新发布
02-01
以下是使用jQuery进行Ajax请求的基本步骤： 1. 引入jQuery库：在HTML文件中，首先需要引入jQuery库。可以通过以下方式引入： ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ```...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

碑无名

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值