更改预加载的内容[AJAX]

时间:2019-01-23 17:37:51

标签: javascript php jquery html ajax

我的文件: signup.phpform.phpsuccess.phpfailure.php

signup.php中有一个区域<div id="myarea"></div>。默认情况下,我通过form.php加载<?php include ("form.php"); ?>

现在我想向success.phpfailure.php展示注册是否成功。

我的问题:如何替换myarea中的内容/已加载文件? (直到现在我还没有写出表单数据发送到的文件。)

编辑:我是php新手,依此类推

1 个答案:

答案 0 :(得分:3)

这不是使用ES2017,但这是一个简单的示例,将为您提供总体思路。

我假设您正在使用ajax来验证登录名,所以类似下面的内容。

当您从ajax(即在ajax .done().success或任何您使用的函数中)回来时,可以使用$.load()来加载新内容和$('#myarea').html()替换#myarea div的内容,或者甚至简单到$('#someHiddenDiv').show()来显示以前隐藏的div。

这是一个简单的例子:

var my_id = $('#loginid').val();
var my_pw = $('#loginpw').val();
$.ajax({
    type: 'post',
     url: 'ajax/login.php',
    data: 'id=' +my_id+ '&pw=' +my_pw,
}).done(function(recd){
    if (recd==1) {
        var newhtml = $.load('success.php');
        $('#myarea').html(newhtml);
        //-OR-
        //$('#myhiddendiv').show();
    }else{
        $('#loginid').val('');
        $('#loginpw').val('');
        alert('Please try logging in again');
    }
});

现在您看到了一个非常基本的示例,这是我们最近的工作方式:

How to do AJAX in 2018

Understanding the Fetch API

Async/Await in 2017