首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

$.ajax的post请求不好使了?

这几天在开发在线学习平台的过程,遇到这样的问题,先看js代码, ? 很简单的点击按钮,触发ajax 但是问题是,success里的回调根本就不执行,百般修改也没反应。再看php代码, ?...后来我把js代码中的data去掉,变成这样, ? 现在只有一个单纯的post请求而已 但即这样,依然没有执行success,这时我更加确定,就是http请求头方面的问题。...在网上反复查找php接收数据时的请求头方面的资料,终于确定,问题原因是,请求头的 header 里的Content-Type的问题。...直接说结果了,(既然$.ajax用不了,那就直接XMLHttpRequest对象)看代码, JavaScript代码: ? PHP代码: ? 解决了。...这个在线学习平台说起来简单,但这一路开发过来,踩进去的坑有很多,就这样继续吧,成功的路从来都是曲折的。

1.6K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    第109天:Ajax请求GET和POST的区别

    一、Ajax请求GET和POST的区别   1.使用Get请求时,参数在URL中显示,而使用Post方式,则不会显示出来   2.使用Get请求发送数据量小,Post请求发送数据量大   3.get请求需注意缓存问题...Post方式:   当使用POST方式时,浏览器把各表单字段元素及其数据作为HTTP消息的实体内容发送给Web服务器,而不是作为URL地址的参数进行传递,使用POST方式传递的数据量要比使用GET方式传送的数据量大的多...四、POST和GET的区别 Get请求的目的是给予服务器一些参数,以便从服务器获取列表.例如:list.aspx?...page=1,表示获取第一页的数据 Post请求的目的是向服务器发送一些参数,例如form中的内容.   与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。   ...2、请求结果无持续性的副作用。     3、收集的数据及HTML表单内的输入字段名称的总长不超过1024个字符。 五、案例  1、HTML代码(原生Ajax代码) 1 <!

    1.6K20

    一个兼容get请求和post请求的Ajax封装函数

    今天在看某风网老师录制的 Ajax 函数封装的视频,get 和 post 请求都考虑到了,我在这里也做一下笔记。 我把考虑到的都备注上了,以往可以给大家一点参考。...代码如下: JavaScript: function ajax(method, url, data, callback) { // method:请求方式,url:请求的地址,data:数据,callback...:回调     if (method == "post") { //如果是post请求         data = (function (obj) { // 自动执行的匿名函数 (function()... () { // 当 readyState 改变时,会触发 onreadystatechange 事件。             ...}         })     } 声明:本文由w3h5原创,转载请注明出处:《一个兼容get请求和post请求的Ajax封装函数》 https://www.w3h5.com/post

    1.6K10

    防止页面url缓存中 ajax中post 请求的处理方式

    一般我们在开发中经常会用到Ajax请求,异步发送请求,然后获取我们想要的数据,在Ajax中使用Get请求数据不会有页面缓存的问题,而使用POST请求可是有时候页面会缓存我们提交的信息,导致我们发送的异步请求不能正确的返回我们想要的数据...下面介绍一种方式来防止ajax中post 请求 页面缓存 url 信息: $.post(url,data ,ranNum:Math.random()} ,function(data){ if(...=data){ alert("success"); }else{ alert("error"); } }) url : 请求的...URL 地址 data : 请求的数据 ranNum : 这个是防止缓存的核心,每次发起请求都会用Math.random()方法生成一个随机的数字,这样子就会刷新url缓存 这个ranNum的生成方式有多种形式...这就是Ajax防止发送请求的时候防止url缓存的方法。

    1.5K20

    通过ASP.NET Web API + JQuery创建一个简单的Web应用

    看了dudu的《HttpClient + ASP.NET Web API, WCF之外的另一个选择》一文,想起多很久之前体现ASP.NET Web API而创建的一个Demo。...二、通过ASP.NET Web API提供服务 我们来简单介绍作为Web API形式发布的联系人管理服务的定义,先来看看用于表示联系人的Contact类型的定义。...简单起见,我们采用静态字段作为对联系人信息的存储。ContactController定义了Get、Put、Post和Delete用于进行对联系人的获取、添加、修改和删除操作。...我想对Web API不了解的人会感概,为了什么采用常用的四个HTTP方法作为操作的名称,因为它们在默认的情况下就可以映射为HTTP请求的方法。...MVC Web应用一样,我们同样采用URL路由机制来实现请求地址与目标Controller和Action的映射,而针对API默认注册的路有如下所示。

    870100

    通过Knockout.js + ASP.NET Web API构建一个简单的CRUD应用

    不过客户对“用户体验”的要求是“与日俱增”的,很多被“惯坏了”的用户已经不能忍受Postback带来的页面刷新,所以Ajax在企业级Web应用中得到了广泛的应用。...ASP.NET Web API,作为.NET平台最好的REST服务开发平台(主要与WCF相比),则可以以服务的形式提供对数据的后台处理。...一、一个简单的基于CRUD的Web应用 在《通过ASP.NET Web API + JQuery创建一个简单的Web应用》中,我采用jQuery + ASP.NET Web API构建了一个单纯的对单一数据进行...MVC Web应用一样,我们同样采用URL路由机制来实现请求地址与目标Controller和Action的映射,而针对API默认注册的路有如下所示(这里调用的方法是MapHttpRoute而不是MapRoute...三、通过jQuery进行Ajax调用,利用Knockout.js进行数据绑定 我们通过ASP.NET MVC来构建Web应用,默认的HomeController定义如下,默认的Index操作仅仅是将默认的

    1.2K90

    ASP.Net WebForm温故知新学习笔记:二、ViewState与UpdatePanel探秘

    基于Http协议的无状态特性,我们在ASP.Net的开发中也会经常碰到这种情况:用户上一次提交的东西,下次再提交时服务器就不记得了。很多时候,我们感到很不解?...而伟大的Microsoft还在ASP.Net中帮我们封装了ViewState,以至于我们在WebForm中进行PostBack操作时,都感觉不到服务器是无状态的。...还为我们提供了一套叫做ASP.Net AJAX的技术方案,通过这套方案,我们可以在ASP.Net很容易地实现AJAX效果,甚至都不需要我们懂JavaScript。...XHR xmlhttp.open("POST", url, true); //“准备”向服务器的xx.ashx发出Post请求(GET可能会有缓存问题)。...在此方法中,创建了XmlHttpRequest对象,也使用了open方法指明以GET还是POST方法向服务器哪个处理程序发送请求,并且也为该请求指定了请求成功后需要执行的回调函数方法(onreadystatechange

    1.8K30

    ASP.NET-WebFoms常见前后端交互方式

    本文介绍了ASP.NET Web Forms开发中常见的前后端交互方式,包括控件绑定、Ajax、WebService、自定义处理程序和Form提交等。...一、前端向后端的传值方式1、ASP.NET控件绑定控件绑定是 ASP.NET Web Forms 中常用的一种前端到后端传值方式。...}2、Ajax请求Ajax 技术允许在不刷新整个页面的情况下,异步地向服务器发送请求并接收响应。...Form 提交是一种简单直接的前后端交互方式,它通过在前端页面中创建一个表单,将用户输入的数据通过 HTTP POST 或 GET 请求提交到后端处理程序,后端处理程序接收表单数据并进行相应的处理,然后返回处理结果给客户端...控件绑定是将服务器端数据绑定到前端控件上,实现数据的展示和交互;Ajax通过异步请求实现前后端数据交互,可以在不刷新页面的情况下更新数据;WebService是一种基于SOAP协议的远程调用技术,可实现跨平台

    50421

    Ajax发送PUTDELETE请求时出现错误的原因及解决方案

    .而其他的,根据单词并不能准确的知道他们想表达的意思.本文要讲的并不是HTTP协议,主要是分析一下发送Ajax(异步请求)的时候,为什么使用GET和POST方式发送可以接收到数据,而使用DELETE和PUT...一般情况下,我们使用Rest风格的URI时,也就是使用HTTP协议请求方式的动词,来表示对资源的操作(GET(查询),POST(新增),PUT(修改),DELETE(删除)),常常会出现这个问题....使用Ajax发送PUT(修改)请求 我们测试使用的是一个更新方法,利用主键更新员工的信息,使用特定的PUT请求....方法封装,而Tomcat看到是PUT请求则不会封装请求数据到map,只有POST形式的请求才会封装到请求体。...请求的时候,使用如下的格式: $.ajax({ url: "${pageContext.request.contextPath}/emp/" + id, type: "POST",

    2.3K10

    快速入门系列--WebAPI--03框架你值得拥有

    接下来进入的是俺在ASP.NET学习中最重要的WebAPI部分,在现在流行的互联网场景下,WebAPI可以和HTML5、单页应用程序SPA等技术和理念很好的结合在一起。...所谓ASP.NET WebAPI,其核心概念就是构建REST风格的Web服务,把一起数据视为资源,无论是服务请求或者是数据操作,与以前的SOAP和XML-RPC架构风格有很大不同。...    接下来,介绍ASP.NET WebAPI的服务器管道,这一块和之前学习的ASP.NET MVC管道很相似,但也有一些差异,不过个人感觉这个管道更加的像J2EE的管道了。...由于很多内容比较相似,将进行简单的介绍,不过框架中异步编程模型用的很多,值得学习参考。下图简单的表述了框架对请求的处理过程: ?     ...HttpActionDescriptor的ExecuteAsync方法实现Action的执行,Action支持7中不同的HTTP方法,默认为POST。

    2.1K90

    ASP.NET MVC 重点教程一周年版 第十回 请求Controller

    其实我们通常遇到的请求方式无非get/post,但是有很多Web开发人员仍然对二者分不清。    ...get即通过URL中的QueryString向服务器端传值的方式,它的数据是可见的,可post则是通过一个postdata包向服务器传值,post方式可以传送更多数据(如上传文件),也更安全(如登录)。...提交的数据来看传递     之所以这里先说Post是因为相对于Get方式来说Post的情况更全,说明了Post的情况Get也就差不多了。...,如果您对这种方法不了解的话,那么就说明您的ASP.NET基础有待提交,可以查看ASP.NET五大对象的相关文章。...可是ASP.NET MVC为我们提供了更简单的方式: 4.使用绑定 1: /// 2: /// 处理请求的Action 3: ///

    40750

    ASP.NET保持用户状态的九种选择

    ■陶刚编译 ■yesky 摘要:ASP.NET为保持用户请求之间的数据提供了多种不同的途径。...一个用户 到下一次请求(可以跨越多个请求重复使用) 任意大小 QueryString 一个或一组用户 到下一次请求(可以跨越多个请求重复使用) 小的、简单数据 Sessions 一个用户 用户活动时一直保持...中访问Cookies Form Post / 隐藏的窗体字段 特定的用户需要窗体的数据,并且它需要在单个请求到应用程序终止的任何阶段都保持。...ViewState是ASP.NET对这种技术的实现,我将在本文的后部分讨论它。访问通过POST发送的窗体值是使用HttpRequest对象的窗体集合完成的。...前面我们提到,ASP.NET为保存用户请求间的数据添加了几种新的途径。

    1.9K20

    .NET工作准备--04ASP.NET

    POST请求把表单数据放在HTTP请求体中,没有长度的限制.详细解释如下5条: 设计目标不同,GET作为向服务器申请资源的请求,POST作为向服务器发送数据的请求; GET请求在提交表单数据时,会将其添加到...ASCII字符,而POST却可以是整个ISO10646字符集; 对于ASP.NET,当新建一个表单时,默认的请求方式是POST....在通常情况下,一旦某个请求对应到一个ASP.NET页面时,一个直接或者间接继承自System.Web.UI.Page类型的对象就会初 始化,并且开始执行页面生存周期中的所有步骤。...); asp.net中有些控件本身实现类保存数据的功能,而不依靠ViewState.例如TextBox,即使ViewState关闭,数据也不会丢失;ViewState可以保存任何可序列化的对象,而不仅仅限于控件的状态数据...页面间传值方式: 页面传值是学习asp.net初期都会面临的一个问题,总的来说有页面传值、存储对象传值、ajax、类、model、表单等。

    2K50

    同源策略与CORS

    下图是在Chrom控制台中发送ajax跨域请求的报错信息: [跨域ajax请求报错信息] 图片中黄色部分提示响应被阻止,说明在跨域的情况下,请求依然发送到了服务器且服务器返回了数据,只是被浏览器拦下了。...对于跨域问题可以使用CORS来解决,使用CORS时,HTTP请求分为两种情况:简单请求与复杂请求。...简单请求 满足以下三点即为简单请求: HTTP请求方法为GET、POST或HEAD HTTP请求头只能包含Accept, Accept-Language, Content-Language, Content-Type...毕竟HTML与CSS只负责网页结构与样式,不具备操作页面元素及与服务器交互的功能。 离开浏览器环境后跨域问题也就不复存在。...、POST、PUT、DELETE等多种请求 服务器端配置简单且不需要前端写额外的代码 目前主流浏览器均支持CORS规范 推荐阅读 浏览器家族的安全反击战 Enable Cross-Origin Requests

    1.1K40

    ASP.NET AJAX(9)__Profile Service什么是ASP.NET Profile如何使用ASP.NET ProfileProfile ServiceProfile Service预

    来扩充 如何使用ASP.NET Profile 配置ProfileProvider(可以使用内置的SqlProfileProvider) 配置Profile的属性 一个使用ASP.NET Profile...ASP.NET 为profile提供的一个数据库的支持 然后我们打开数据库管理器,我电脑里装的Microsoft SQL Server的develop版本,VS2008带的是Express版本,但是在某些功能上限制...,打开我们可以找到几中存储的方式,可以模糊的看到我们存储的信息,因为它已经通过一种它的规则把它进行了序列化,我们不需要也没必要去读懂它 Profile Service ASP.NET AJAX 1.0提供的...Service 出于安全性考虑,ASP.NET AJAX的Profile Service在默认情况下是不可用的 的内部实现就是这样的,他是对客户端执行服务器端方法给出的一种特殊实现,在调用定义的ASP.NET AJAX程序集上的ProfileService类,最终工作的为以下的三个方法 GetAllPropertiesForCurrentUser

    1.3K90
    领券
    首页
    学习
    活动
    专区
    圈层
    工具