前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Ajax与php进行数据交互

Ajax与php进行数据交互

作者头像
简单、
发布2018-07-18 15:07:15
1.1K0
发布2018-07-18 15:07:15
举报

其实道理挺简单的,前期是一直不懂,和语法的生疏导致的。

大体的代码如下:

Html代码

代码语言:javascript
复制
<form action="#" method="post" onsubmit="return check();"> //onsubmit事件 当点击了提交按钮触发事件。
    <input type="text" name="test" id="test"/>
    <span id="intxt"></span>
    <input type="submit" />
</form>

jQuery代码

代码语言:javascript
复制
function check() //创建按钮方法
{
    var a = $("#test").val(); //将获取到表单的值,赋值给变量a

    a == '' ? alert("1") : ''; //如果a等于空 弹出1,表示错误

    $.ajax({
        cache:false, //关闭缓存
        url: 's.php/?user='+ a, //提交的连接 + 要提交的值(变量)。
        type: 'post', //提交的方式
        dataType: 'json', //数据的格式
        success:function( data ){
            a == '' ? console.log("您的输入有误") : console.log("您提交的是:"+a) ;
            if(data.status == a) //status 在php里面做判断用
            {
                alert(data.msg);
            }
            else
            {
                alert(data.msg);
            }
        }
    });
}

PHP代码

代码语言:javascript
复制
<?php
include('db.class.php');

$db = new db('127.0.0.1', 'root', 'xxx', 'xxx');



$user = $_GET['user'];

$row = $db->get("SELECT * FROM rusers WHERE username='{$user}'");


if ($row['username'] != $user) 
{
    echo json_encode(array('status' => '200', 'msg' => "可以注册"));
}
else
{
    echo json_encode(array('status' => '0',    'msg' => "用户已经存在"));
}

Tags: None

Archives QR Code

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档