Php 如何使用ajax成功数据
这是表单验证检查器。如何添加ajax成功消息。在所有验证之后,我希望显示成功消息,如“您成功注册””Php 如何使用ajax成功数据,php,jquery,ajax,wordpress,validation,Php,Jquery,Ajax,Wordpress,Validation,这是表单验证检查器。如何添加ajax成功消息。在所有验证之后,我希望显示成功消息,如“您成功注册”” 很简单。您可以使用Javascript警报方法,也可以将成功消息附加到DOM上的div或类似的内容 问题是 当您创建一个AJAX请求时,如果该请求被发出,那么它将转到服务器端代码。如果代码成功执行了您想要执行的操作。然后echo'signup success'并向用户显示此消息,只需更改此$(“#responseemail”).html(响应)此警报(响应)您就完成了!我希望这将对您有所帮助:)
很简单。您可以使用Javascript警报方法,也可以将成功消息附加到DOM上的div或类似的内容 问题是
当您创建一个
AJAX
请求时,如果该请求被发出,那么它将转到服务器端代码。如果代码成功执行了您想要执行的操作。然后echo'signup success'
并向用户显示此消息,只需更改此$(“#responseemail”).html(响应)编码>此警报(响应)
您就完成了!我希望这将对您有所帮助:)如果检查电子邮件或用户名是否已注册(即:查看邮件列表),则以下内容将对您有所帮助
<>请记住,您应该从输入中输入<强> > < /强>信任用户的数据,因此,在PHP部分,为了匹配表单数据和数据库,您应该使用<强>真/ <强>考虑使用。这会有帮助的
->HTML+jQuery部分(顶部带有jQuery库):
->你可以检查房间里的所有东西
$(文档).ready(函数(){
$(“#regbutton”)。单击(函数(e){
e、 预防默认值();
var email=$('#email').val();
var username=$('#username').val();
$.ajax({
url:“register.php”,
方法:“张贴”,
数据:“email=“+email+”&username=“+username,
成功:功能(数据){
//如果PHP响应正常,我们将显示它
$(“#samplediv”).html(“+data”);
},
错误:功能(请求、状态、错误){
警报(request.responseText);
}
});
});
});
电子邮件
用户名
->在PHP部分(register.PHP)中:
$(“#myForm”)。关于(“提交”,函数(){
?我从未见过在blur
上工作的注册表单,是吗?你无法匹配电子邮件
,因为你不知道密码,用户可以先填写电子邮件,对吗?@RokoC.Buljan我想办法是检查输入的用户名和电子邮件是否已被占用,而不是登录该人,或为其创建帐户them@sam000123:那么建议答案呢?我相信你的接受记录确实有问题。过去的问题有没有解决过?如果是,最好将它们标记为已解决,以便人们知道,并保存下来记录。UV和接受好的答案也是so Q/A系统的一部分。
jQuery(function ($) {
$('#username').blur(function(e) {
var username = $('#username').val();
$.ajax({
type: 'POST',
//url: 'http://localhost/stateway/user-signup/?username=' + username,
url: 'http://localhost/blue_bucket/signup/?username=' + username,
success: function (response) {
$("#responseusername").html(response);
}
});
e.preventDefault();
});
$('#email').blur(function(e) {
var email = $('#email').val();
$.ajax({
type: 'POST',
//url: 'http://localhost/stateway/user-signup/?email=' + email,
url: 'http://localhost/blue_bucket/signup/?email=' + email,
success: function (response) {
$("#responseemail").html(response);
}
});
e.preventDefault();
});
});
<div id="samplediv"></div> <!-- will handle answer -->
<script type="text/javascript">
$(document).ready( function() {
$("#regbutton").click(function(e){
e.preventDefault();
var email = $('#email').val();
var username = $('#username').val();
$.ajax({
url: "register.php",
method: "POST",
data: "email="+email+"&username="+username,
success: function(data){
// if PHP response is OK we show it
$("#samplediv").html(''+data'');
},
error: function (request, status, error) {
alert(request.responseText);
}
});
});
});
</script>
<form action="#" id="form" method="post">
<p><input type="text" name="email" id="email" value="" /> email</p>
<p><input type="text" name="username" id="username" value="" /> username</p>
<input type="submit" id="regbutton" value="GO" />
</form>
<?php
error_reporting(E_ALL); ini_set('display_errors', 1);
$email = $_POST['email'];
$username = $_POST['username'];
// make all checking on user's data + match against DB here, if success ->
echo"Your successfully signup"; // else error : change message using PHP answer
?>