从站点搜索特定号码并在iFrame中打开它

时间:2013-01-18 17:44:14

标签: php javascript jquery html database

好的,基本上我想搜索注册时给出的号码。但我对PHP和MySQL几乎没有经验。所以我真的不知道如何设置它。我仍然需要制作注册脚本。我有登录脚本。我的主机不允许超过2个MySQL数据库,所以我有点坚持。该URL来自我的学校。我有权使用它。我正在为我的学校做这个。我的网站网址= http://ljroosters.woelmuis.nl

要搜索的网址: http://tinyurl.com/ljroosters

的login.html

<div data-role="dialog" id="page1" data-theme="a">
    <div data-role="header">
       <h1>Login</h1>
       <form id="form1" name="form1" action="doLogin.php" method="post">
        </div>
        <div data-role="content">
            <span>Log hier In met je Unieke Username en Password om gelijk Je eigen      vaste roosters
                te bekijken.</span>
            <div data-role="fieldcontain">
                <label for="text1">Username</label>
                <input type="text" id="text1">
            </div>
            <div data-role="fieldcontain">
                <label for="text2">Password</label>
                <input type="text" id="text2">

            <p>Nog Geen Member?<a href="#"> Registreer Hier<a></p>
            </form>
            </div>
            <a data-role="button" href="index.html" data-theme="b">Login</a>
            <div id="message"></div>
        </div>
    </div>

使用Javascript:

$(document).ready(function() {

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

    var action = $("#form1").attr('action');
    var form_data = {
        username: $("#username").val(),
        password: $("#password").val(),
        is_ajax: 1
    };

    $.ajax({
        type: "POST",
        url: action,
        data: form_data,
        success: function(response)
        {
            if(response == 'success')
                $("#form1").slideUp('slow', function() {
                    $("#message").html("<p class='success'>Je bent succesvol Ingelogd!</p>");
                });
            else
                $("#message").html("<p class='error'>Foute Username en/of Password.</p>");  
        }
    });

    return false;
});

});

和PHP:

< ?php

$is_ajax = $_REQUEST['is_ajax'];
if(isset($is_ajax) && $is_ajax)
{
    $username = $_REQUEST['username'];
    $password = $_REQUEST['password'];

    if($username == 'admin' && $password == 'password')
    {
        echo "success"; 
    }
}

?>

我没有进一步,因为我还在学习PHP。

很抱歉,如果解释有点奇怪。关键是当人们在我的网站上注册他们的号码。该脚本会自动在网站上搜索其编号,并将HTML放入iFrame中。

1 个答案:

答案 0 :(得分:0)

抱歉第一次不理解你的问题。

当我对你的用户都分配了一个数字/ ID。根据您想要搜索的网站,您希望显示类似的内容:

http://x.x.x.x/RTW/Roosters/leerlingen/lee_7634.htm(在这种情况下,数字将是7634)

没有必要搜索网站http://x.x.x.x/RTW/Roosters/leerlingen/lee.htm,因为它只包含上面网址的链接,我们可以在运行时生成这些网址:)

当您使用内联框架时,您只需更改其src属性:

var userID = 7634;

$('#id_of_your_inlineframe').attr('src', '/RTW/Roosters/leerlingen/lee_' + userID + '.htm');

但是iframe不是最先进的。

更好的方法是在您的网站上创建一个div:

<div id="leerlingen_display" style="width: 400px; height: 400px; overflow: scroll;"></div>

然后只需使用http(ajax)请求加载网址:

var userID = 7634;

$.ajax({
    url: '/RTW/Roosters/leerlingen/lee_' + userID + '.htm',
    type: 'GET',
    dataType: 'HTML',
    success: function(data) {
        $('#leerlingen_display').html(data);
    },
    error: function(a,b,c) {
        alert('Error during the loading');
    }
});

希望那就是你想要的东西

编辑:

获取您网站的用户名后,在登录后返回用户ID。

你的login.php必须如下所示:

< ?php

$is_ajax = $_REQUEST['is_ajax'];
if(isset($is_ajax) && $is_ajax)
{
    $username = $_REQUEST['username'];
    $password = $_REQUEST['password'];

    if($username == 'admin' && $password == 'password')
    {
        echo json_encode(array('status' => true; 'userid' => 7634));
    } else {
        echo json_encode(array('status' => 'false', 'message' => 'username and / or password incorrect'));
    }
}

?>

并且你的lohin请求改为: (只是必要的部分)

var userID = null;

$.ajax({
    type: "POST",
    url: action,
    data: form_data,
    dataType: 'JSON',
    success: function(response)
    {
        if(response.status) {
            $("#form1").slideUp('slow', function() {
                $("#message").html("<p class='success'>Je bent succesvol Ingelogd!</p>");
            });
            userID = response.userid;
        }
        else {
            $("#message").html(respond.message); 
        }

    }
});

也许你应该阅读一下JavaScript Object Notation(JSON);) 让事情变得更容易。

始终使用括号! :)