ฝั่ง index.html
<script type="text/javascript">
$('#loginForm').submit(function(){
e.preventDefault();
jQuery.support.cors = true;
$.ajax({
url: '
http://10.34.55.40/check_login.php',
crossDomain: true,
type: 'post',
data: $("#loginForm").serialize(),
success: function(data){
if(data.status == 'success'){
window.location.href = 'index.html';
}else if(data.status == 'error'){
alert("Authentication Invalid. Please try again!");
return false;
}
}
});
});
</script>
<body>
<div id="loginPage" data-role="page">
<div data-role="header">
<h1>Login</h1>
</div>
<div data-role="content">
<form id="loginForm" action="
http://10.34.55.40/check_login.php" method="post">
<div data-role="fieldcontain" class="ui-hide-label">
<label for="email">Username</label>
<input type="text" name="email" id="email" value="" placeholder="name@gmail.com"/>
</div>
<div data-role="fieldcontain" class="ui-hide-label">
<label for="password">Password</label>
<input type="password" name="password" id="password" value="" placeholder="Password" maxlength="10"/>
</div>
<input type="submit" value="LOGIN" id="submitButton">
</form>
</div>
<div data-role="footer">
<h4>© Silva's General Services</h4>
</div></div>
<div data-role="page" id="menu" data-theme="d">
<div data-role="header">
<h3>กรุณาเลือกเมนูที่ต้องการ</h3>
</div>
<div data-role="content">
<a href="#info"class="ui-btn ui-corner-all ui-icon-info ui-btn-icon-notext"></a>
<center>
<tr>
<td id="map"><a id="Image1" href="#map" data-transition="slide"><img src="img/c1.jpg" name="Image1" id="Image1" ></a></td></tr><br/>
<tr> <td id="picture"><a id="Image4" href="#picture" data-transition="slide"><img src="img/c2.png" name="Image4" id="Image4"></a></td></tr> <br/>
<tr> <td id="login"><a id="Image5" href="#loginPage" data-transition="slide"><img src="img/c3.jpg" name="Image5" id="Image5"></a></td> </tr><br/>
<tr> <td id="information"><a id="Image3" href="#information" data-transition="slide"><img src="img/c4.png" name="Image3" id="Image3"></a></td></tr><br/>
</center>
</div>
</div>
</body>
ใช้ phonegap เขียนแอพ ทำหน้าLogin แล้วส่งค่าไป ที่ php อยากทราบว่าส่งค่าจาก php กลับมายังไงหรอครับ
<script type="text/javascript">
$('#loginForm').submit(function(){
e.preventDefault();
jQuery.support.cors = true;
$.ajax({
url: 'http://10.34.55.40/check_login.php',
crossDomain: true,
type: 'post',
data: $("#loginForm").serialize(),
success: function(data){
if(data.status == 'success'){
window.location.href = 'index.html';
}else if(data.status == 'error'){
alert("Authentication Invalid. Please try again!");
return false;
}
}
});
});
</script>
<body>
<div id="loginPage" data-role="page">
<div data-role="header">
<h1>Login</h1>
</div>
<div data-role="content">
<form id="loginForm" action="http://10.34.55.40/check_login.php" method="post">
<div data-role="fieldcontain" class="ui-hide-label">
<label for="email">Username</label>
<input type="text" name="email" id="email" value="" placeholder="name@gmail.com"/>
</div>
<div data-role="fieldcontain" class="ui-hide-label">
<label for="password">Password</label>
<input type="password" name="password" id="password" value="" placeholder="Password" maxlength="10"/>
</div>
<input type="submit" value="LOGIN" id="submitButton">
</form>
</div>
<div data-role="footer">
<h4>© Silva's General Services</h4>
</div></div>
<div data-role="page" id="menu" data-theme="d">
<div data-role="header">
<h3>กรุณาเลือกเมนูที่ต้องการ</h3>
</div>
<div data-role="content">
<a href="#info"class="ui-btn ui-corner-all ui-icon-info ui-btn-icon-notext"></a>
<center>
<tr>
<td id="map"><a id="Image1" href="#map" data-transition="slide"><img src="img/c1.jpg" name="Image1" id="Image1" ></a></td></tr><br/>
<tr> <td id="picture"><a id="Image4" href="#picture" data-transition="slide"><img src="img/c2.png" name="Image4" id="Image4"></a></td></tr> <br/>
<tr> <td id="login"><a id="Image5" href="#loginPage" data-transition="slide"><img src="img/c3.jpg" name="Image5" id="Image5"></a></td> </tr><br/>
<tr> <td id="information"><a id="Image3" href="#information" data-transition="slide"><img src="img/c4.png" name="Image3" id="Image3"></a></td></tr><br/>
</center>
</div>
</div>
</body>