前端ajax与后端php数据传输,前端ajax与后端交互详解
前端中常常用的与后端交换数据的话,通常是要用到ajax这种方法的,本文主要介绍了前端ajax的各种与后端交互的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧,希望能帮助到大家。
但是交互的方式有很多种,很多取决于你后端的属性,我这儿主要列举我目前项目比较常用的两种方式
--一个是我们通用的web api和控制器,
首先我们来仔细看看ajax来与webapi做的交互数据
这里先简单描述一下web api的四种属性--GET,POST,PUT,DELETE
这里面我永昌使用的是GET和POST
如果这时候我们需要用到AJAX与那些数据做后端交互的话
$.ajax({
url: "你的webapi",
type: "Get",
DATA{},//这里面写你要传给后端的数据,不过GET方法一般不需要,直接读就可以了
success: function (data) {
//成功后的return事件
}
error: function (data) {
alert("data");//请求错误后的报错事件(很重要,如果你报错了不知道哪儿要改的话这个可以帮助你,我个人感觉主要是500报错)
}
})
这种GET一般在网页初始化的时候从后端读取到一些数据然后赋给页面上(可能我的专业术语表达不标准,见谅QAQ)
然后我要讲的是POST方法
$.ajax({
url: "你的webapi",
type: "POST",
DATA{},//这里面写你要传给后端的数据,这里面有点十分重要就是你的webapi方法上面一定要加[HTTPPOST]不然会500报错
success: function (data) {
//成功后的return事件
}
error: function (data) {
alert("data");//请求错误后的报错事件(很重要,如果你报错了不知道哪儿要改的话这个可以帮助你,我个人感觉主要是500报错)
}
})
一般POST方法和通常的ajax方法一样,只需要记得在你WEBAPI方法上加上[HTTPPOST]即可
剩下的我想总结一些有时候会用到的POST到控制器方法,虽然说控制器直接URLPOST即可,但是我个人还是喜欢用AJAX,主要是因为AJAX可以看下自己的psot错误在哪些地方233
$.ajax({
url: 你的控制器/你的控制器方法名字,
type: 'POST',
dataType: 'json',
data: ,//依旧是你要传递参数的值
contentType: “”application/json”,//这儿是告诉你传递参数一定是要json格式的啊
success: function (data) {
//成功后的返回事件
}
});
值得一提是我个人传递的值感觉都是json类型的,目前还没有测试过传递非json类型的参数;
相关推荐:
前端ajax与后端php数据传输,前端ajax与后端交互详解相关推荐
- ajax then fail done,Jquery $when done then的用法详解
对于$.ajax请求来说,如果层级比较多,程序看起来会比较乱,而为了解决这种问题,才有了$when...done...fail...then的封装,它将$.ajax这嵌套结构转成了顺序平行的结果,向下 ...
- 前端:下载文件实现方式及跨域下载(详解)
前言:本文详细介绍在开发过程中前端如何与后端配合实现文件下载至本地,并详细说明特殊格式文件如何处理.如果你是一名前端开发者,恰好需要实现后端文件下载至本地的需求,那么恭喜你本篇文章一定会帮到你! 需求 ...
- flask ajax小程序,Python Flask 搭建微信小程序后台详解
后台程序返回了数据后,第三步就是小程序该怎么接收返回数据并进行相关业务逻辑处理. 小程序接收返回数据.Python-Flask向小程序返回了JSON格式的数据后,小程序的wx.requset()函数里 ...
- CSS_后端工程师必备知识-从入门到劝退详解-呕心沥血撰写(滑稽)
文章目录 一.CSS简介 二.语法格式 三.CSS的使用方式 1. 嵌入式 2. 外链式 3. 行间样式 4.三种样式优先级和应用场景 四.选择器 1. 基本选择器 1.所有元组器选择 2.标签选择器 ...
- 后端php和前端的联系,前端和后端交互详解
本篇文章讲述了前端和后端交互,大家对前端和后端交互不了解的话或者对前端和后端交互感兴趣的话那么我们就一起来看看本篇文章吧, 好了废话少说进入正题吧! 什么是web服务器? 服务器: 通俗理解,一台24 ...
- 前端跨域的理解和解决跨域的方案详解(全)
作为前端开发,我们遇到最多的应该就是跨域问题,对于萌新来说,跨域就是一道墙,不知所措,其实只要理解了跨域的含义和原理,解决它是不难的,今天给大家介绍下什么是跨域和跨域的解决方案! 什么是跨域? 跨域是 ...
- 【Java基础】前端传一个数组或者集合后台怎么接受(案例详解)
[辰兮要努力]:hello你好我是辰兮,很高兴你能来阅读,昵称是希望自己能不断精进,向着优秀程序员前行! 博客来源于项目以及编程中遇到的问题总结,偶尔会有读书分享,我会陆续更新Java前端.后台.数据 ...
- boost log 能不能循环覆盖_前端基础进阶(十四):深入核心,详解事件循环机制...
Event Loop JavaScript的学习零散而庞杂,很多时候我们学到了一些东西,但是却没办法感受到进步!甚至过了不久,就把学到的东西给忘了.为了解决自己的这个困扰,在学习的过程中,我一直在试图 ...
- ajax的请求参数详解以及前后台交互详解
function rejectSub(){//从隐藏域中拿到userIDvar userId = $("input:hidden[name='userId']").val();va ...
最新文章
- shell example01
- Outlook启动提示“找不到文件Outlook.pst文件”
- franze kafka 游戏_The Franz Kafka Videogame
- OAF TABLE中添加序号列
- 导出Android手机应用apk
- python文件替换一行_python自动化替换文件中每一行中的特有字符串
- 测试基础-03-用例设计方法:等价类、边界值、场景法、错误推测法
- Inspur World:融合架构产品从定制走向通用
- 如何使用Aimersoft Video Suite Mac将 DVD 刻录到 ISO/DVD 文件夹
- 阶段3 3.SpringMVC·_05.文件上传_3 文件上传之Springmvc方式上传原理分析
- Java后台生成小程序二维码
- windows 7旗舰版升级windows 10专业版,全过程
- 数据禾|2001年东四盟地区植被类型分布数据
- 数据库作业8:SQL练习5 - SELECT(嵌套查询EXISTS、集合查询、基于派生表的查询)
- MacOS工程替换MainMenu.xib
- 耗电排行Android,揪出Android手机电老虎!耗电应用排行
- 生物冰箱智能锁有哪些功能
- 批量保存拼多多批发商城商品主图及视频
- 网易邮箱游戏双第一不保,谁来取而代之?
- hadoop权威指南(一)