AJAX笔记

最新推荐文章于 2024-07-22 21:07:03 发布
最新推荐文章于 2024-07-22 21:07:03 发布
阅读量943 收藏 25
点赞数 11
文章标签： ajax 笔记 jquery java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62422962/article/details/140353185
版权

1-HTTP协议和服务的启动

声明：以下是我根据在B站尚硅谷频道学到的知识所做的笔记。具体的课程内容，您可以通过以下链接访问：尚硅谷AJAX

1-HTTP

HTTP(hypertext transport protocol)协议【超文本传输协议】，协议详细规定了浏览器和万维网服务器之间互相听信的规则。

协议就是一种约定，规则。

## 请求报文

重点是格式与参数

行

POST(第一部分GET/POST常见)  / s?ie=utf-8(第二部分)  HTTP/1.1(第三部分http协议的版本)

头

Host: atguigu.com
Cookie:name=guigu
Content-type: application/x-www-form-urlencoded
User-Agent: chrome 83

空行 固定的，必须有

体 如果是GET请求，这部分是空的，如果是POST请求，请求题可以不为空

username=admin&password=admin

## 响应报文

行 HTTP/1.1(协议版本) 200(响应状态码) OK(响应字符串)

头

Content-Type: text/html;charset=utf-8
Content-length: 2048
Content=encoding:gzip

空行

体

    <html>

    ​    <head>

    ​    </head>

    ​    <body>

    ​      <h1>尚硅谷</h1>

    ​    </body>

      <html>
2-服务的启动

两种启动方法npx在保存之后自动重启服务

PS D:\Ajax> node server.js
服务已经启动，8000端口监听中。。。。

PS D:\Ajax> npx nodemon server.js
[nodemon] 3.1.4
[nodemon] to restart at any time, enter `rs`
[nodemon] watching path(s): *.*
[nodemon] watching extensions: js,mjs,cjs,json
[nodemon] starting `node server.js`
服务已经启动，8000端口监听中。。。。

2-express框架

  //1.引入express 
  const   express   =   require  ('express');
  //2.创建应用对象 
  const app =   express  ();
  //3.创建路由规则 
  //request是对请求报文的封装 
  //response是对响应报文的封装 
app.get  ('/',(request,response)=>{
   //设置响应 
   response.send  ('HELLO EXPRESSS');
});
 //4.监听端口启动服务 
app.listen  (8000,()=>{
  console.log  ("服务已经启动，8000端口监听中。。。。")
});

3-原生的AJAX

1-GET
app.get('/server',(request,response)=>{
   //设置响应头 设置允许跨域
   response.setHeader('Access-Control-Allow-Origin','*');
    //设置响应体
   response.send('HELLO AJAX ');
});

    <script>
        //获取button按钮
        const btn = document.getElementsByTagName('button')[0];
        const result = document.getElementById("result");
        //绑定事件
        btn.onclick = function(){
            //1.创建对象
            const xhr = new XMLHttpRequest();
            //2.初始化，设置请求方法和url
            xhr.open('GET','http://127.0.0.1:8000/server?a=100&b=200&c=300');
            //3.发送
            xhr.send();
            //4.事件绑定 处理服务端返回的结果
            //readystate 是xhr对象中的属性，表示状态0 1 2 3 4
            //change 改变
            xhr.onreadystatechange = function(){
                //判断（服务端返回了所有的结果）
                if(xhr.readyState===4){
                    //判断响应状态码 200 404 403 401 500
                    //2xx都是成功
                    if(xhr.status >= 200 && xhr.status <300){
                        //处理结果 行 头空行 体
                        //响应
                        console.log(xhr.status);//状态码
                        console.log(xhr.statusText);//状态字符串
                        console.log(xhr.getAllResponseHeaders);//所有相应头
                        console.log(xhr.response);//响应体
                        //设置result的文本
                        result.innerHTML = xhr.response;
                    }else{

                    }
                }
            }
        }
    </script>
2-POST
app.post('/server',(request,response)=>{
   //设置响应头 设置允许跨域
   response.setHeader('Access-Control-Allow-Origin','*');
   //设置响应头
   response.setHeader('Access-Control-Allow-Headers','*');//所有头信息都可以接受
    //设置响应体
   response.send('HELLO AJAX POST');
});

	<script>
        //获取元素对象
        const result = document.getElementById("result")
        //绑定事件
        result.addEventListener("mouseover",function(){
            //console.log("test");
            //1.创建对象
            const xhr = new XMLHttpRequest();
            //2.初始化 设置类型与URl
            xhr.open('POST','http://127.0.0.1:8000/server');
            //设置请求头
            xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
            xhr.setRequestHeader('name','sascasc');//自定义的请求头，不是预设的,需要在服务器设置
            //3.发送
            xhr.send('a:100&b=200&c=300&12313213');//非常灵活
            //4.事件绑定
            xhr.onreadystatechange = function(){
                //判断
                if(xhr.readyState === 4){
                    if(xhr.status >= 200 && xhr.status < 300){
                        //处理服务器返回的结果
                        result.innerHTML = xhr.response;
                    }
                }
            }
        })
    </script>
3-JSON
app.all('/json-server',(request,response)=>{
   //设置响应头 设置允许跨域
   response.setHeader('Access-Control-Allow-Origin','*');
   //设置响应头
   response.setHeader('Access-Control-Allow-Headers','*');//所有头信息都可以接受
   //响应一个对象
   const data = {
      name:'aauduai'
   }
   //对对象进行字符串转化
   let str = JSON.stringify(data);
    //设置响应体
   response.send(str);
});

 <script>
        const result = document.getElementById('result');
        //绑定键盘按下事件
        window.onkeydown = function(){
            //console.log("text")
            //发送请求
            const xhr = new XMLHttpRequest();
            //设置响应体数据的类型
            xhr.responseType = 'json';
            //初始化
            xhr.open('GET','http://127.0.0.1:8000/json-server');
            //发送
            xhr.send();
            //事件绑定
            xhr.onreadystatechange = function(){
                if(xhr.readyState === 4){
                    if(xhr.status >=200 && xhr.status < 300){
                        // console.log(xhr.response);
                        // result.innerHTML = xhr.response;
                        //1.手动对数据转化
                        // let data = JSON.parse(xhr.response);
                        // console.log(data);
                        // result.innerHTML = data.name;
                        //2.自动转换
                        console.log(xhr.response);
                        result.innerHTML = xhr.response.name;
                    }
                }
            }
        }
    </script>
4-IE缓存问题

在IE浏览器中，会出现缓存的问题，导致不能正常的获取，故需要加上一个时间戳

//专门针对IE缓存
app.get('/ie',(request,response)=>{
   //设置响应头 设置允许跨域
   response.setHeader('Access-Control-Allow-Origin','*');
    //设置响应体
   response.send('HELLO IE ');
});

<script>
    const btn = document.getElementsByTagName('button')[0];
    const result = document.querySelector('#result');

    btn.addEventListener('click',function(){
        const xhr = new XMLHttpRequest();
        //xhr.open("GET",'http://127.0.0.1:8000/ie?t='+Date.now());   
        xhr.open("GET",'http://127.0.0.1:8000/ie?t='+Date.now());//Data.now()获取当前时间戳，浏览器会认为是不同的请求，不会走缓存（神奇的IE浏览器）
        xhr.send();
        xhr.onreadystatechange = function(){
            if(xhr.readyState === 4){
                if(xhr.status >= 200 && xhr.status<300){
                    result.innerHTML = xhr.response;
                }
            }
        }
    })
</script>
5-超时与网络异常

在浏览网页时，有时会出现超时和网络异常的现象，不能让访问者一直等待，需要给予提示。

//延时响应
app.get('/delay',(request,response)=>{
   //设置响应头，设置允许跨域
   response.setHeader('Access-Control-Allow-Origin','*');
    setTimeout(()=>{
      //设置响应体
      response.send('延时响应');
    },3000)
});

<script>
        const btn = document.getElementsByTagName('button')[0];
        const result = document.querySelector('#result');
        btn.addEventListener('click',function(){
        const xhr = new XMLHttpRequest();
        //超时设置 2s 设置
        xhr.timeout = 2000;
        //超时回调
        xhr.ontimeout = function(){
            alert("网络异常，请稍后重试！！")
        }
        //网络异常的回调设置
        xhr.onerror = function(){
            alert("你的网络似乎出了一些问题！");
        }
        xhr.open("GET",'http://127.0.0.1:8000/delay');
        xhr.send();
        xhr.onreadystatechange = function(){
            if(xhr.readyState === 4){
                if(xhr.status >= 200 && xhr.status<300){
                    result.innerHTML = xhr.response;
                }
            }
        }
    })
    </script>
6-取消请求

用户可以主动点击达到取消请求的目的，防止用户误触不得不进入

在这里插入图片描述

<body>
    <button>点击发送</button>
    <button>点击取消</button>
    <script>
    //获取元素对象
    const btns = document.querySelectorAll('button');
    let x = null;

    btns[0].onclick = function(){
        x = new XMLHttpRequest();
        x.open("GET","http://127.0.0.1:8000/delay");
        x.send();
    }
    
    //abort
    btns[1].onclick = function(){
        x.abort();
    }
    </script>

</body>
7-重复请求问题

用户在访问网页时，得不到回应，会主动多次点击，产生多个相同的请求，服务器对它们都响应，会造成资源的浪费，故设置只响应最新的请求。

在这里插入图片描述

<script>
    //获取元素对象
    const btns = document.querySelectorAll('button');
    let x = null;//const 声明的变量在声明时必须被初始化，并且不能重新赋值，故用let
    //标识变量
    let isSending = false;//是否正在发送AJAX请求

    btns[0].onclick = function(){
        //判断表示变量
        if(isSending) x.abort();//如果正在发送，则取消该请求，创建一个新的请求
        x = new XMLHttpRequest();
        //修改标识变量的值
        isSending = true;
        x.open("GET","http://127.0.0.1:8000/delay");
        x.send();
        x.onreadystatechange = function(){
            if(x.readyState === 4){
                //修改标识变量
                isSending = false;
            }
        }
    }
    
    </script>

4-jQuery-AJAX

先引用

    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet">
    <script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

//jQuery服务
app.all('/jquery-server',(request,response)=>{
   //设置响应头，设置允许跨域
   response.setHeader('Access-Control-Allow-Origin','*');
   response.setHeader('Access-Control-Allow-Headers','*');//所有头信息都可以接受
   const data = {name:'wwww'};
   //response.send('Hello JQuery AJAX');
   response.send(JSON.stringify(data));
});

 <script>
        $('button').eq(0).click(function(){
            $.get('http://127.0.0.1:8000/jquery-server',{a:100,b:200},function(data){
                console.log(data);
            },'json');
        })
        $('button').eq(1).click(function(){
            $.post('file:///D:/Ajax/4-jQuery-AJAX/client.html',{a:100,b:200},function(data){
                console.log(data);
            });
        })
        $('button').eq(2).click(function(){
            $.ajax({
                //url
                url:'http://127.0.0.1:8000/jquery-server',
                //参数
                data:{a:100,b:200},
                //请求类型
                type:'GET',
                //响应体结果
                dataType:'json',
                //成功的回调
                success:function(data){
                    console.log(data);
                },
                //超出事件
                timeout:2000,
                //失败的回调
                error:function(){
                    console.log("出错了！！");
                },
                //头信息
                headers:{
                    c:300,
                    d:400
                }
            });
        })
    
    </script>

更多操作见：[$.ajax(url,settings]) | jQuery API 3.2 中文文档 | jQuery API 在线手册 (yanzhihui.com)

5-Axios-AJAX

    <script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/axios/1.7.2/axios.js"></script>


//axios服务
app.all('/axios-server',(request,response)=>{
   //设置响应头，设置允许跨域
   response.setHeader('Access-Control-Allow-Origin','*');
   response.setHeader('Access-Control-Allow-Headers','*');//所有头信息都可以接受
   const data = {name:'wwww'};
   //response.send('Hello JQuery AJAX');
   response.send(JSON.stringify(data));
});

    <script>
        const btns = document.querySelectorAll('button');
        //配置 baseURL
        axios.defaults.baseURL = 'http://127.0.0.1:8000'
        btns[0].onclick = function(){
            //GET请求
            axios.get('/axios-server',{
                //url参数
                params:{
                    id:100,
                    vip:7
                },
                //请求头信息
                headers:{
                    name:'sssss',
                    age:20
                }
            }).then(value => {
                console.log(value);
            })
        }

        btns[1].onclick = function(){
            axios.post('/axios-server',
                //请求体
                {
                    username:'admin',
                    password:'admin'
                },{
                //url
                params:{
                    id:200,
                    vip:9
                },
                //设置请求头参数
                headers:{
                    height:180,
                    weight:100,
                }
            })
        }
   
        btns[2].onclick = function(){
            axios({
                //请求方法
                method:'post',
                //url
                url:'/axios-server',
                //url参数
                params:{
                    vip:10,
                    level:30
                },
                //头信息
                headers:{
                    a:100,
                    b:200
                },
                //请求体参数
                data:{
                    username:'admin',
                    password:'admin'
                }
                }).then(response=>{
                    console.log(response);
                    //响应状态码
                    console.log("状态码:"+response.status);
                    //响应状态字符串
                    console.log("状态字符串:"+response.statusText);
                    //响应头信息
                    console.log("头信息:"+response.headers);
                    //响应体
                    console.log("响应体:"+response.data);
            })
        }
   </script>

6-Fetch-AJAX

//fetch服务
app.all('/fetch-server',(request,response)=>{
   //设置响应头，设置允许跨域
   response.setHeader('Access-Control-Allow-Origin','*');
   response.setHeader('Access-Control-Allow-Headers','*');//所有头信息都可以接受
   const data = {name:'wwww'};
   //response.send('Hello JQuery AJAX');
   response.send(JSON.stringify(data));
});

    <script>
        const btn = document.querySelector('button');
        btn.onclick = function(){
            fetch('http://127.0.0.1:8000/fetch-server?vip=10',{
                //请求方法
                method:'POST',
                //请求头
                headers:{
                    name:'asssdd'
                },
                //请求体
                body:'username=admin&password=admin'
            }).then(response=>{
                // return response.text();
                return response.json();
            }).then(response=>{
                console.log(response);
            });
        }
    </script>

7-跨域

1-同源策略

同源策略（Same-Origin Policy）是一种浏览器安全策略，用于限制一个网页文档或脚本如何与另一个源（域名、协议或端口）的资源进行交互。要求域名、协议、端口都需要一样才可交互。

const express = require('express');

const app = express();

app.get('/home',(request,response)=>{
    //响应一个页面
    response.sendFile(__dirname + '/index.html');
});

app.get('/data',(request,response)=>{
    response.send('用户数据');
});

app.listen(9000,()=>{
    console.log("服务已经启动...");
});

    <script>
        const btn = document.querySelector('button');
        btn.onclick = function(){
            const x = new XMLHttpRequest();
            //这里因为是满足同源策略的，所有url可以简写
            //在这里我使用Microsoft Edge会出现报错的信息，
            //使用谷歌和联想浏览器没有报错，但是都打印了response的结果
            x.open("GET",'/data');
            //发送
            x.send();
            x.onreadystatechange = function(){
                if(x.readyState === 4){
                    if(x.status >= 200 && x.status < 300){
                        console.log(x.response);
                    }
                }
            }
        }
    </script>
2-JSONP
const data = {
    name:'wwwaa'
};

handle(data);
2-1-原理

JSONP（JSON with Padding）是一种利用 

//jsonp服务
app.all('/jsonp-server',(request,response) => {
   // response.send(console.log('hello jsonp'));
   const data = {
      name:'wwwaa'
  };
  //将数据转换成字符串
  let str = JSON.stringify(data);
  //返回结果
  response.end(`handle(${str})`);
})


<body>
    <div id="result"></div>
    <script>
    //处理数据
    function handle(data){
    //获取result元素
    const result = document.getElementById('result');
    result.innerHTML = data.name;
    }   
    </script>
    <!-- 可验证script标签可以跨域-->
    <!-- <script src="./js/app.js"></script> -->
    <!-- <script src="http://127.0.0.1:5500/7-%E8%B7%A8%E5%9F%9F/2-JSONP/js/app.js"></script> -->
     <script src="http://127.0.0.1:8000/jsonp-server"></script>
</body>
2-2-实践
//用户名检测是否存在
app.all('/check-username',(request,response) => {
   const data = {
      exist:1,
      msg:'用户名已经存在'
  };
  //将用户名转换成字符串
  let str = JSON.stringify(data);
  //返回结果
  response.end(`handle(${str})`);
})

<body>
    用户名：<input type="text" id="username">
    <p></p>
    <script>
        //获取 input 元素
        const input = document.querySelector('input');
        //用错函数querySelectorAll，querySelectorAll 获取的 NodeList 不是实时的，
        //这意味着如果文档结构发生变化，这个 NodeList 不会自动更新。
        /*
        querySelector 方法返回匹配指定选择器的第一个元素，如果没有匹配的元素，则返回 null 。
        querySelectorAll 方法返回一个包含所有匹配指定选择器的元素的 NodeList 集合。
        */
        const p = document.querySelector('p');
        //声明 handle 函数
        function handle(data){
            input.style.border = "solid 1px #f00";
            //修改 p 标签的提示文本
            p.innerHTML = data.msg;
        }

        //绑定事件
        input.onblur = function(){
            //获取用户的输入值
            let username = this.value;
            //向服务端发送请求 检测用户名是否存在
            //1.创建一个 script 标签
            const script = document.createElement('script');
            //2.设置标签的 src 属性
            script.src = 'http://127.0.0.1:8000/check-username';
            //3.将scrpit插入到文档中
            document.body.appendChild(script);
        }

    </script>
</body>
2-3-jQuery-jsonp
    <script crossorigin="anonymous" src="https://cdn.bootcss.com/jquery/3.5.0/jquery.min.js"></script>

app.all('/jquery-jsonp-server',(request,response) => {
   const data = {
      name:"wwww",
      city:['北京','上海','深圳']
  };
  //将用户名转换成字符串
  let str = JSON.stringify(data);
  //接受callback参数
  let cb = request.query.callback;
  //返回结果
  response.end(`${cb}(${str})`);
})

<body>
    <button>点击发送 jsonp 请求</button>
    <div id="result">

    </div>
    <script>
        $('button').eq(0).click(function(){
            //使用getJSON发送jsonp请求时，必须要有callback
            $.getJSON('http://127.0.0.1:8000/jquery-jsonp-server?callback=?',function(data){
                $('#result').html(`
                    名称:${data.name},<br>
                    校区:${data.city}
                `)
            });

        });
    </script>
</body>
3-CORS

CORS（Cross-Origin Resource Sharing，跨源资源共享）是一种机制，它允许网页向不同的源服务器发出 XMLHttpRequest 或 Fetch 请求，从而克服了浏览器的同源策略限制。

app.all('/cors-server',(request,response) => {
   // 对于CORS的关键代码，通过设置响应头,达到跨源资源共享
   response.setHeader('Access-Control-Allow-Origin','*');
   response.setHeader('Access-Control-Allow-Headers','*');//所有头信息都可以接受
   response.setHeader('Access-Control-Allow-Method','*');
   // response.setHeader("Acess-Control-Allow-Origin","http://127.0.0.1:5000");
   response.send("Hello CORS");
});

<body>
    <button>发送请求</button>
    <div id="result">
    </div>
    <script>
        const btn = document.querySelector('button');

        btn.onclick = function(){
            //1.创建对象
            const x = new XMLHttpRequest();
            //2.初始化设置
            x.open("GET","http://127.0.0.1:8000/cors-server");
            //3.发送
            x.send();
            //4.绑定事件
            x.onreadystatechange = function(){
                if(x.readyState === 4){
                    if(x.status >= 200  && x.status < 300){
                        //输出响应体
                        console.log(x.response);

                    }
                }
            }
        }
    </script>
</body>
魏大龙
关注
  • 11
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ajax笔记(狂神说java)
qq_43161404的博客
12-27 1053
狂神ajax讲解笔记
AJAX 笔记
weixin_69820837的博客
11-30 371
axios({ url: '目标资源地址', method:'请求方法 ', data:{ //==》get：可以不写，默认为get，查询参数用params 参数名:值， // post：必须要写， } }).then((result) =>{ // 对服务器返回的数据做后续处理 }）语法：在then方法的后面，通过点语法调用catch方法，传入回调函数并定义形参。接口：使用AJAX和服务器通讯时，使用的URL，请求方法，以及参数。请求方法：对服务器资源，要执行的操作。使用 axios 函数。
Ajax 笔记
一条菜鸟鱼的博客
07-18 249
Ajax 学习笔记
Ajax笔记
qq_74156239的博客
07-14 77
XML (Extensible Markup Language) 是一种类似于 HTML 的标记语言，但是 XML 没有使用预定义的标记。可通过状态编号判断请求是否成功。
尚硅谷Ajax笔记
weixin_57780589的博客
02-01 1192
//引入express//创建应用对象//创建路由规则//request对请求报文的封装//response是对响应报文的封装//设置响应});//监听端口启动服务console.log("服务已经启动，8000端口监听中……");});
ajax笔记
weixin_51302229的博客
08-02 125
ajax笔记传统网站存在的问题Ajax的运行环境 传统网站存在的问题 网速慢的请款下，页面加载时间长，用户只能等待 表单提交后，如果一项内容不合格，需要重新填写所有表单内容 页面跳转，重新加载页面，造成资源浪费，增加用户等待时间 Ajax是一种浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验 主要应用场景： 页面上拉加载更多数据 列表数据无刷新分页 表单项离开焦点数据验证 搜索框显示文字下拉列表 Ajax的运行环境 Ajax需要运行在网站环境才能生效，需要后端服务
ajax 笔记
shanhaojie的博客
01-29 214
post 请求需要加请求头：如下
Jquery Ajax 笔记
weixin_43823453的博客
09-25 173
jQuery Ajax 笔记 实现ajax，目前有两种方法： 使用JavaScript扩展对象XMLHttpRequest实现Ajax 使用JjQuery实现ajax 此处学习总结jQuery ajax方法。 常用格式： $.ajax({ type:'POST', url:'sentence.jsp', data:{ sentence:sente
ajax笔记ajax笔记ajax笔记
04-03
ajax笔记
黑马程序员Ajax笔记
05-26
在黑马程序员的Ajax笔记中，我们将深入探讨这一技术的各个方面。 ### 1. Ajax基本原理 Ajax的核心是JavaScript对象XMLHttpRequest，它允许浏览器在后台与服务器通信。通过创建XMLHttpRequest对象、打开连接、发送...
Ajax笔记.docx
06-12
**Ajax技术概述** Ajax，全称Asynchronous JavaScript and XML，是一种用于创建动态和交互性网页的技术。它允许网页在不完全刷新的情况下与服务器交换数据并更新部分网页内容，从而提升了用户体验，减少了网络带宽...
Spark学习之SparkSQL
m0_58050808的博客
07-16 644
Spark SQL中的DataFrame DSL（Domain Specific Language，领域特定语言）是一种用于处理DataFrame的编程风格，它允许开发者以命令式的方式，通过调用API接口来操作DataFrame。这种风格**介于代码和纯SQL之间，**提供了一种更加灵活和强大的数据处理方式。DataFrame DSL（Domain Specific Language，领域特定语言）中的。idea里面将代码编写好打包上传到集群中运行，上线使用。
如何学习Spark：糙快猛的大数据之旅
一个7年大数据开发工程师的碎碎念
07-19 3402
回顾我从零开始学习大数据的journey，我深深体会到"糙快猛"学习方法的重要性。在Spark这样复杂而强大的技术面前，我们不应该被完美主义所束缚。相反，我们应该勇于尝试，在实践中学习，在错误中成长。记住，当我们面对看似不可能的挑战时，要保持那份"可把我牛逼坏了，让我叉会腰儿"的自信和决心。每一次你解决了一个棘手的数据问题，优化了一个复杂的查询，或者部署了一个高性能的Spark应用，你都在向着成为大数据专家的目标迈进一步。在这个数据驱动的时代，Spark的学习之旅永无止境。
Web开发：ASP.NET CORE前后端交互之AJAX（含基础Demo）
m0_67412019的博客
07-18 547
List result)//用[FromBody]来接收。①需要写清楚url和type（传输类型），以下url表示。return Content($"成功！的ViewData（或者ViewBag）只可以传输给。（要和前端一一对应好），用JSON传递还需要加上。// 返回示例：假设直接返回成功信息。②只能在同一个控制器+方法名传输，例如。，不能够传递给其余前端界面。①需要声明和强制转换。②后端接收也需要注明。
Web开发：ASP.NET CORE使用Ajax定时获取后端数据
最新发布
m0_67412019的博客
07-22 162
给a标签每15s刷新一次，显示最新的时间（时间必须由后端获取） 应该如何操作呢。
4 Ajax
ever__ever的博客
07-18 1116
使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值