jquery ajax怎么使用和返回值

来源:未知 人浏览 2016.06.03

AJAX是一种创建快速动态的技术,可以在不重新加载整个页面的情况下,对页面的部分区域/网页局部进行刷新

然而在第一次接触的时候也知道有这个东西,但是不知道如何用...

这里就贴出个模版案例来LOOK-LOOK..

首先加载jquery然后AJAX

<input name="tg_username" type="text" placeholder="请输入昵称" />
<script src="jquery-1.8.3.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $("input").blur(function(){//当鼠标移开input触发
      var tg_username = $(this).val();//获取值
      var data = {}//创建数组
      data['tg_username']=tg_username;
      $.ajax({
        type:"POST",
        url:"/index.php/home/user/test",
        data:data,
        cache:false, //不缓存此页面
        success:function(datas){//这里的datas是从服务器那边返回过来的值
          alert(datas);
        }
      });
    });
  })
</script>

接收的php文件

<?php>
//接收POST过来的值,然后echo出来的值讲返回给datas
$username = $_POST['tg_username'];
echo $username;
//你也可以做出判断echo不同的值,然后进行前端页面接收判断!
?>

如果返回值出错,请务必查看下POST请求的数据的字段和值是否正确!

星期三
15年12月16日
热门板块
windows 10下载设计软件下载PhotoShop CC文章分享Portraiture磨皮win10安装教程
热门下载
Lightroom 5.2官方中文版下载下载(

Lightroom 5.2官方中文版下载下载(

下载
PhotoShop CC下载官方正版可激活版本

PhotoShop CC下载官方正版可激活版本

下载