Можно ли разместить HTML-код, используя Ajax?

Я делаю сайт на базе HTML, PHP и Ajax для своего университетского класса и имею некоторые проблемы, которые я не могу понять. Могу ли я разместить свою регистрационную форму на основе HTML с использованием метода Ajax post на моем основном сайте PHP? Мой код выглядит следующим образом:Можно ли разместить HTML-код, используя Ajax?

index.php

<form id="loginForm" action="login.php" method="POST"> 
Username: <input type="text" name="username" id="username"/><br/> 
Password: <input type="password" name="password" id="password"/><br/> 
<button id="submit">Login</button> 
<button id="regButton">Register</button> 
</form> 

<div id="ack"></div> 
<div id="regAjax"></div> 

<script type="text/javascript" src="Script/jquery-2.0.3.min.js"></script> 
<script type="text/javascript" src="Script/scriptAjax.js"></script>

<html> 
<head><title>Registration Form</title></head> 
<body> 

<form id="regForm" action="process.php" method="POST"> 
Username: <input type="text" name="username"/><br/> 
Password: <input type="password" name="password"/><br/> 
First Name: <input type="text" name="fname"/><br/> 
Last Name: <input type="text" name="lname"/><br/> 
E-mail: <input type="text" name="email"/><br/> 
<button id="register">Register</button> 
</form> 

<div id="rck"></div> 

<script type="text/javascript" src="Script/jquery-2.0.3.min.js"></script> 
<script type="text/javascript" src="Script/scriptAjax.js"></script> 
</body> 
</html>

scriptAjax.js

$("#regButton").click(function() { 

$.post ??? 

$("#regButton").submit(function() { 
     return false; 
    }); 
});

Таким образом, основная цель этого сделать более гладкой и эта регистрационная форма появится в <div id="regAjax"></div> месте, когда нажата кнопка «Зарегистрироваться», что мы er может зарегистрироваться, не перенаправляясь на другую страницу. Есть ли способ сделать это, или я сейчас ошибаюсь?

источник

2013-12-12 user3047744

Общая идея заключается в том, что вы должны отправить данные формы в PHP-скрипт, который будет оценивать его и отправлять ответ.

$.post("validate.php", function(data) { 
    $("#regAjax").html(data); 
});

Я рекомендую вам изучить this page

источник

2013-12-12 02:46:25

Спасибо! Код работает отлично сейчас, и этот ответ - просто признак того, что я должен сделать больше исследований, прежде чем спросить. На моем пути к изучению страницы. – user3047744

@ user3047744 Добро пожаловать. Пожалуйста, не забудьте проголосовать за ответ, если это вам помогло :) –

$.ajax({ 
method: 'POST', 
url: 'validate.php', 
data: data, 
success: function(result){ 
$("#regAjax").html(result); 
} 
});

источник

2014-04-10 05:16:23

Можно ли разместить HTML-код, используя Ajax?

ответ

Смежные вопросы