Ajax传值 简述方法(前后端传值)

article/2025/10/16 6:22:59

Ajax传值的过程
提示:我是个小白,写博客只是为了保存自己总结的东西,若有错误请指正,共同学习!!感谢!!!

文章目录

  • 前言
  • 一、使用前提
    • 1. 必须要先在前端引入jQuery。
    • 2.Ajax要写在<script> </script> 标签里面。
  • 二、使用情况
    • 1.Ajax传值 前端传值到后端接收 (传个id到后端,根据id删除数据)
    • 有两种方法
      • 1.将要传递的值放在ajax的data属性里,作为属性值传递;
      • 2.将要传递的值加在url 路径的后面,用 “?getId= “+getid 连接,占位传过去。(不安全)相当于给getId = 赋值
    • 2.Ajax传值 后端传值到前端显示 (传个值到页面,显示出来)


前言

提示:就是简单的表达一下这个Ajax怎么使用的,之前我是没学明白。


一、使用前提

1. 必须要先在前端引入jQuery。

在这里插入图片描述

2.Ajax要写在<script> </script> 标签里面。

二、使用情况

1.Ajax传值 前端传值到后端接收 (传个id到后端,根据id删除数据)

有两种方法

1.将要传递的值放在ajax的data属性里,作为属性值传递;

     第一种方法:
    前端ajax请求:

在这里插入图片描述
    后端接收:
在这里插入图片描述
这种方式就是将id作为ajax的data属性值传递。

2.将要传递的值加在url 路径的后面,用 “?getId= “+getid 连接,占位传过去。(不安全)相当于给getId = 赋值

    第二种方法:
    前端页面ajax请求:
在这里插入图片描述
后端: 后端是一样的 ,都是接收getId 的值。
在这里插入图片描述

2.Ajax传值 后端传值到前端显示 (传个值到页面,显示出来)

这种情况也是在前端写ajax,只要在后端的路径方法里面将返回值由void(没有返回值),改为自己需要的值,或者类型都行。
这样就是同样在前端的success里填写返回的参数就行,然后放在需要的页面位置。
在这里插入图片描述
后端代码:
就是根据情况,列如根据id查询数据,然后在页面显示。
前端通过ajax的data属性,把id给传递到后端。
后端接收id,然后查询数据,返回结果到data里。
前端在从data里取值放在页面所需要的位置。
在这里插入图片描述


http://chatgpt.dhexx.cn/article/SGyRbOHp.shtml

相关文章

js中如何判断{},[]

2019独角兽企业重金招聘Python工程师标准>>> 所以这个时候需要如下处理 if((Array.isArray(变量) && 变量.length 0) || (Object.prototype.isPrototypeOf(变量) && Object.keys(变量).length 0)){ alert(该方法判断了{}花括号这…

JS判断大全

JS判断大全 1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 3:js判断是否输入英文、只能输入英文 4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字 5:只能输入英…

js判断一个字符串是以某个字符串开头

方法1--substr() 方法 substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。 if("123".substr(0, 2) "12"){console.log(true); } 方法2--substring() 方法 substring() 方法用于提取字符串中介于两个指定下标之间的字符。 if("12…

Js判断数组中是否有某值

// 判断数组中是否有某个元素 arr1 [1,2,3,4]; 1、 array.indexOf方法 返回要查询值的数组下标 没有则返回-1 console.log(arr1.indexOf(2)) 2、 array.find() 查找出符合条件的第一个元素&#xff0c;并返回值&#xff0c;没有则返回undefind var a arr1.find((value,in…

JavaScript 条件判断

JavaScript 条件判断 单行条件判断 JavaScript使用if () { ... } else { ... }来进行条件判断。 流程图 if (){ }else{ } 例如&#xff0c;根据年龄显示不同内容&#xff0c;可以用if语句实现如下&#xff1a; var age 20; if (age > 18) { // 如果age > 18为true&…

JavaScript的判断语句

一、if语句 语法:if (判断的条件) {当小括号内的条件为真, 然后才会执行} var a 1;a 2;if (a 1) {console.log(1); }if (a 2) {console.log(2);}二、if……else语句 语法:if (判断的条件) {当小括号内的条件为真, 然后才会执行} else{否则执行else里面的}var a -1;i…

javascript怎么判断是否为对象

判断方法&#xff1a; 1、使用toString()来判断&#xff1b; 2、使用“obj.constructor Object”来判断&#xff1b; 3、使用“typeof obj Object”来判断&#xff1b; 4、利用instanceof关键字来判断。 5、$.isPlainObject() 判断指定参数是否是一个纯粹的对象&#xf…

定制RPM包(FPM和原生rpmbuild)

例子&#xff1a; Redis打包(FPM工具) Nginx打包RPM&#xff08;FPM工具&#xff09; Nginx&#xff08;SPEC文件打包&#xff09; Redis&#xff08;SPEC文件打包&#xff09; 一、FPM工具进行打包 1. 更新yum软件源 yum update2. 安装fpm模块依赖 yum -y install ruby ru…

12.4 RPMB

UFS里&#xff0c;有这么一个LU&#xff0c;主机往该LU写数据时&#xff0c;UFS设备会校验数据的合法性&#xff0c;只有特定的主机才能写入&#xff1b;同时&#xff0c;主机在读取数据时&#xff0c;也提供了校验机制&#xff0c;保证了主机读取到的数据是从该LU上读的数据&a…

rpmbuild编译安装制作rpm包

什么是rpm包? rpm 相当于windows中的安装文件,它会自动处理软件包之间的依赖关系。 rpm优点: 包管理系统简单,通过几个命令就可以实现包的安装、升级、卸载。 安装速度比源码包快的多。 缺点: 经过编译,不能看到源代码,功能选择不如源码灵活。依赖性强。 首先说一下流程…

Linux下软件部署安装管理----rpmbuild打包rpm包部署安装

来源&#xff1a;微信公众号「编程学习基地」 文章目录 1.安装rpmbuild2.rpm包制作打包rpm包 3.rpm包安装4.rpm包卸载 1.安装rpmbuild yum install rpmbuild yum install rpmdevtools创建rpm包管理路径&#xff0c;生成rpm相关目录 RPM打包的时候需要编译源码&#xff0c;还…

rpmbuild打包rpm

一、rpmbuild及rpm rpm rpm命令 是RPM软件包的管理工具。rpm原本是Red Hat Linux发行版专门用来管理Linux各项套件的程序&#xff0c;由于它遵循GPL规则且功能强大方便&#xff0c;因而广受欢迎。逐渐受到其他发行版的采用。RPM套件管理方式的出现&#xff0c;让Linux易于安…

RPMB详解

这里写自定义目录标题 RPMB详解1. 简介1.1. 概述1.2. 基本原理 2. 命令需求3. 用于RPMB访问的数据帧4. RPMB的组成5. mac计算6. 访问流程6.1. 写认证密钥&#xff08;write Authentication Key&#xff09;6.2. 读计数器值&#xff08;Reading of the Counter Value&#xff09…

python项目使用setuptools和rpmbuild构建rpm包

python项目使用setuptools和rpmbuild构建rpm包 文章目录 python项目使用setuptools和rpmbuild构建rpm包一、setuptools二、使用rpmbuild&#xff0c;编写.spec文件构建rpm包三、使用pyinstaller四、参考文献&#xff1a; 一、setuptools 作为 Python 标准的打包及分发工具&…

rpm(基本命令、Makefile、建立rpmbuild编包)

文章目录 一、rpm基本命令介绍1.安装软件2、升级软件3、查询软件包的详细信息4、查询某个文件是属于那个rpm包的5、查该软件包所包含的文件6、查看软件包所依赖的软件7、查看某个包是否被安装8、卸载 二、rpm命令实践三、把c语言程序和makefile内容&#xff0c;编译情况和执行情…

rpmbuild制作rpm 包

什么是rpm包&#xff1f; rpm 相当于windows中的安装文件&#xff0c;它会自动处理软件包之间的依赖关系。 rpm优点&#xff1a; 包管理系统简单&#xff0c;通过几个命令就可以实现包的安装、升级、卸载。 安装速度比源码包快的多。缺点&#xff1a; 经过编译&#xff0c…

项目打包rpm包(rpmbuild)

这里以python项目为例&#xff0c;通过rpmbuild工具打包成rpm包&#xff0c;并进行安装验证 rpmbuild打包 rpm流程 构建rpmbuild打包目录 rpmbuild 默认变量配置文件 将我们的python项目和依赖包压缩成xx.tar.gz格式&#xff0c;并copy到SOURCE目录 我们这里以datalake-demo…

前向星和链式前向星

链接&#xff1a;https://blog.csdn.net/ACdreamers/article/details/16902023 我们首先来看一下什么是前向星. 前向星是一种特殊的边集数组,我们把边集数组中的每一条边按照起点从小到大排序,如果起点相同就按照终点从小到大排序, 并记录下以某个点为起点的所有边在数组中的…

关于链式前向星

最近看了许多题目都用了比较奇怪的东西… 后面才发现是神奇的链式前向星….. 听名字就觉得很牛啊&#xff01; 然而其实很简单…… 组成:begin,next,to,w,与一个用来标记的e begin[n]数组&#xff1a;代表编号为n的点,最后一条边的储存位置 next[n]:是用来保存从同一个点…

链式前向星(加快图的搜索)

存储一个图通常有两种方式&#xff1a;邻接矩阵和邻接表。如果一个图中的边非常少&#xff0c;那么邻接矩阵就比较稀疏&#xff0c;浪费空间&#xff0c;如果点非常多&#xff0c;则矩阵的内存有可能会爆掉。用向量实现的邻接表在点非常多的时候同样比较慢&#xff0c;在一些题…