Ajax中async的设置问题

简介: 问题描述:Ajax传值状态是200正确的,但就是获取不到success后的返回值data,最后发现只有alert()一下才可以正确获取值。

问题描述:Ajax传值状态是200正确的,但就是获取不到success后的返回值data,最后发现只有alert()一下才可以正确获取值。

解决方法:把Ajax里面的async设置为false问题解决

分析原因:当async设置为true时,是异步传输,即一js一边传向Server,一边紧接着就执行下面的返回值,那如果Server那边还没有处理好,这边就当然不会有输出值了,加上alert后会有是因为Server那边已处理好,设置成false就是让它执行完成后再执行html端的。


//-----------------------------------前台页面--------------------------------------------------

<html>
<head>
<title></title>
<script type="text/javascript" src="./js/jquery.js"></script>
<script>
    function fun(){
        var username = $("input[name=username]").val();
        $.ajax({
            type: "GET",
            async: false,//默认是true
            url: "php.php",
            data: { username:username, Name: "Jquery" },
            success:function(data, st){
                alert(data);
                

            }

          })
          
         // alert(username); 如果async设置为true,在这个地方必须要alert一下才可以获取success里的data值
        
    }
        

</script>

</head>
<body>
<div align="center">
<form action="" name="frm">
联系人:<input type="text" name="username" value="" /><br>
电&nbsp;&nbsp;话: <input type="text" name="phone" id="idPhone" /><br>
    <button onclick="fun();">提交</button><br>
    <div><span id="number">350</span>人报名</div>

</form>
</div>

</body>

</html>

//-------------------------------------------服务器页面---------------------------------------------------

<?php
include 'conn.php';
if(!empty($_GET['id']))
{
     echo $_GET['username'];
    
}

二当家的官网,请访问 http://www.erdangjiade.com

更多商城企业源码,尽在 http://www.erdangjiade.com/source

更多原创模板,尽在 http://www.erdangjiade.com/templates  

网页特效下载:www.erdangjiade.com/js

PHP/Mysql:www.erdangjiade.com/php
     
PHP网站开发求职QQ群 368848856

相关文章
|
7月前
|
XML 移动开发 前端开发
JS设置Ajax为同步或异步
JS设置Ajax为同步或异步
91 0
|
前端开发
ajax设置header
ajax设置header
|
前端开发 JavaScript 关系型数据库
宝塔设置PHP定时任务实战记录(定时任务、ajax异步刷新API、shell脚本、访问url)
宝塔设置PHP定时任务实战记录(定时任务、ajax异步刷新API、shell脚本、访问url)
812 0
|
JSON 缓存 前端开发
【Ajax入门技术】如何设置请求头 体 ,利用ajax进行取消请求数据操作,解决重复请求问题,请求超时网络异常以及获取json数据
【Ajax入门技术】如何设置请求头 体 ,利用ajax进行取消请求数据操作,解决重复请求问题,请求超时网络异常以及获取json数据
296 0
【Ajax入门技术】如何设置请求头 体 ,利用ajax进行取消请求数据操作,解决重复请求问题,请求超时网络异常以及获取json数据
|
JSON 前端开发 数据格式
学习AJAX必知必会(2)~Ajax基本使用,设置请求行、请求体、请求头,服务端响应JSON数据
学习AJAX必知必会(2)~Ajax基本使用,设置请求行、请求体、请求头,服务端响应JSON数据
658 0
|
前端开发
Ajax-06:Ajax设置请求参数
Ajax-06:Ajax设置请求参数
148 0
Ajax-06:Ajax设置请求参数
|
前端开发
Ajax-08:Ajax设置请求头信息
Ajax-08:Ajax设置请求头信息
142 0
Ajax-08:Ajax设置请求头信息
|
JSON 前端开发 数据格式
$.ajax同步/异步(async:false/true)解析
  $.ajax 同步/异步(async:false/true)   虽然说ajax用来执行异步请求的比较多,但有时还是存在需要同步执行的情况的。   比如:我需要通过ajax取执行请求以返回一个值,这个值在ajax后面是需要使用到的,这时就不能用异步请求了。这时候就需要使用到async这个属性了。
596 0
Ajax-21:设置CORS响应头实现跨域
Ajax-21:设置CORS响应头实现跨域
240 0
|
前端开发 JavaScript 数据格式
jquery ajax超时设置
jquery ajax超时设置 var ajaxTimeoutTest = $.ajax({   url:'', //请求的URL   timeout : 1000, //超时时间设置,单位毫秒   type : 'get', //请求方式,get或post   data :{}, //请求...
1625 0