如果有人能帮我解决这个问题,我会非常感激 - 我几乎让它工作了!
基本上,我正在制作自己的应用程序想法一段时间,我这样做的原因是因为我是编码新手,所以我觉得它会教我很多关于不同元素的知识(即添加、更新和删除记录)。
所以在这个例子中,我有一个用户成功登录,它正在创建一个会话,该会话正在通过其他表单传递。我希望他们能够添加一笔交易——我几乎已经完成了,但似乎在其中一个部分挣扎。
我的 HTML 代码是:
<!DOCTYPE html>
<html>
<head>
<title>Find A Deal</title>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<link rel="stylesheet" href="http://localhost/findadeal/themes/deal.css" />
<style>
#login-button {
margin-top: 30px;
}
</style>
<script src="http://www.dragan-gaic.info/js/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script src="js/custom3.js"></script>
<script src="js/custom4.js"></script>
<?php
if( !isset( $_SESSION ) ){
session_start();
}
if( isset( $_SESSION['username'] ) ){
/* User is logged in */
echo "IT WORKS!";
} ?>
</head>
<body>
<div data-role="page" id="login">
<div data-theme="a" data-role="header">
<h3>Find A Deal</h3>
</div>
<div data-role="content">
<label for="username">Enter your username:</label>
<input type="text" value="" name="username" id="username"/>
<label for="password">Enter your password:</label>
<input type="password" value="" name="password" id="password"/>
<a data-role="button" id="login-button" data-theme="b">Login</a>
</div>
<div data-theme="a" data-role="footer" data-position="fixed">
</div>
</div>
<!--Newly rendered page after successful login!-->
<div data-role="page" id="index">
<div data-theme="a" data-role="header">
<h2>Find A Deal</h2>
</div>
<div data-role="content">
<?php
if( !isset( $_SESSION ) ){
session_start();
}
if( isset( $_SESSION['username'] ) ){
echo "IT WORKS!";
} ?>
<h3></h3>
<a href="#view" data-role="button" data-icon="search">View Deals</a>
<a href="#add" data-role="button" data-icon="plus">Add Deals</a>
</div>
</div>
<!--View Deal Page-->
<div data-role="page" id="view">
<div data-role="header">
<h2>Find A Deal</h2>
</div>
<div data-role="content">
<?php
if( !isset( $_SESSION ) ){
session_start();
}
if( isset( $_SESSION['username'] ) ){
echo "IT WORKS!";
} ?>
<h3></h3>
<p>test so I know I'm onto a new page</p>
<a href="#view" data-role="button" data-icon="search">View Deals</a>
<a href="#add" data-role="button" data-icon="plus">Add Deals</a>
</div>
<div data-role="footer">
</div>
</div>
<!--Add Deal Page-->
<div data-role="page" id="add">
<script src="js/custom4.js"></script>
<div data-role="header">
<h2>Find A Deal</h2>
</div>
<div data-role="content">
<?php
if( !isset( $_SESSION ) ){
session_start();
}
if( isset( $_SESSION['username'] ) ){
echo "It's working!";
} ?>
<label for="name">Deal Name:</label>
<input type="text" value="" name="name" id="name"/>
<label for="desc">Description</label>
<input type="text" value="" name="desc" id="desc"/>
<a data-role="button" id="submit-button" data-theme="b">Submit</a>
</div>
</div>
</body>
</html>
所以只是为了解释一下 - 第一页是登录页面,它会将您带到索引旁边,这只是我设置的菜单页面,然后您可以从菜单中选择 2 个页面中的 1 个 - 查看交易并添加交易。我正在处理附加交易。
添加交易时,用户在相关文本框中输入交易名称和描述,以便将其添加到数据库中。我正在使用这个 JS 函数:
//Adding a new deal
$(document).on('pagebeforeshow', '#add', function(){
$('#submit-button').on('click', function(){
if($('#name').val().length > 0 && $('#desc').val().length > 0){
userObject.name = $('#name').val(); // Put username into the object
userObject.desc = $('#desc').val(); // Put password into the object
// Convert an userObject to a JSON string representation
var outputJSON = JSON.stringify(userObject);
// Send data to server through ajax call
// action is functionality we want to call and outputJSON is our data
ajax.sendRequest({action : 'add', outputJSON : outputJSON});
} else {
alert('Please fill all nececery fields');
}
});
});
$(document).on('pagebeforeshow', '#index', function(){
if(userObject.name.length == 0){ // If username is not set (lets say after force page refresh) get us back to the login page
$.mobile.changePage( "#add", { transition: "slide"} ); // In case result is true change page to Index
}
$(this).find('[data-role="content"] h3').append('Deal Added:' + userObject.name); // Change header with added message
//$("#index").trigger('pagecreate');
});
// This will be an ajax function set
var ajax = {
sendRequest:function(save_data){
$.ajax({url: 'http://localhost/findadeal/login/json3.php',
data: save_data,
async: true,
beforeSend: function() {
// This callback function will trigger before data is sent
$.mobile.showPageLoadingMsg(true); // This will show ajax spinner
},
complete: function() {
// This callback function will trigger on data sent/received complete
$.mobile.hidePageLoadingMsg(); // This will hide ajax spinner
},
success: function (result) {
if(result == "true") {
$.mobile.changePage( "#index", { transition: "slide"} ); // In case result is true change page to Index
} else {
alert('Deal Addition has been unsuccessful, please try again!'); // In case result is false throw an error
}
// This callback function will trigger on successful action
},
error: function (request,error) {
// This callback function will trigger on unsuccessful action
alert('Error has occurred, please try again!');
}
});
}
}
// We will use this object to store username and password before we serialize it and send to server. This part can be done in numerous ways but I like this approach because it is simple
var userObject = {
name : "",
desc : ""
}
然后将其馈送到 PHP 文件,准备将输入写入数据库,如下所示:
<?php
$var1 = $_REQUEST['action']; // We dont need action for this tutorial, but in a complex code you need a way to determine ajax action nature
$jsonObject = json_decode($_REQUEST['utputJSON']); // Decode JSON object into readable PHP object
$name = $jsonObject->{'name'}; // Get name from object
$desc = $jsonObject->{'desc'}; // Get desc from object
mysql_connect("localhost","root",""); // Conect to mysql, first parameter is location, second is mysql username and a third one is a mysql password
@mysql_select_db("findadeal") or die( "Unable to select database"); // Connect to database called test
$query = "INSERT INTO deal (dname, description) VALUES ('$name' ,'$desc')";
$result=mysql_query($query);
$num = mysql_numrows($result);
if($num != 0) {
echo "true";
} else {
echo "false";
}
?>
这一切正常,但是,数据没有插入数据库的原因是它需要用户的 ID,用户名存储在会话变量中。
我想要帮助的是:
1.有人能告诉我你是如何从会话变量中获取数据并将其带到 PHP 文件中的吗? 2.此外,会话变量正在存储用户名 - 有没有办法我可以自行检查其相关的用户 ID 标记,或者这必须通过 PHP 文件中的 SQL 语句来完成。
我希望我没有引起任何混乱,并且我已经让自己清楚我遇到了什么麻烦。我是一名学生,因此在学习过程中将不胜感激所有帮助!我在思考会话数据应该像其他数据一样通过 javascript 函数还是应该能够直接读取到写入的 PHP 文件或什么?=/
谢谢你的时间!