-2

私はajaxとphpを使って簡単なログインページを作ろうとしています。それが戻っている応答テキストは、このようなものです： responseText：htmlタグを返すAjaxログインページ

<html> 
<head> 
</head> 
<body> 
</body> 
</html> 
success

ですが、なぜでしょうか？どうすればこれらのhtmlタグを取り除くことができますか？私のコードは次のとおりです。

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.js"></script> 
</head> 
<body> 
<form action="" method="post" id="myform"> 
<label>Username</label><input type="text" id="username" name="user"> 
<label>Password</label><input type="text" id="password" name="pwd"> 
<input type="button" onclick="sub()" value="Submit"> 
</form> 
</body> 
</html> 
      <script> 
      function sub() 
      { 
      var email=$("#username").val(); 
      var password=$("#password").val(); 
      var dataString = 'email='+email+'&password='+password; 
      if($.trim(email).length>0 && $.trim(password).length>0) 
      { 
      $.ajax({ 
      type: "POST", 
      dataType: "text", 
      url: "home1.php", 
      data: "username=" + $("#username").val()+"&password=" + $("#email").val(), 
      cache: false, 
      success: function(status){ 
       alert(status); 
      } 
      }); 

      } 
         } 
</script>

home1.php：

<?php 
include("db.php"); 
session_start(); 
if(isSet($_POST['email']) && isSet($_POST['password'])) 
{ 
$email=mysqli_real_escape_string($db,$_POST['email']); 
$password=mysqli_real_escape_string($db,$_POST['password']); 

$result=mysqli_query($db,"SELECT user_id FROM customers WHERE email1='$email' and password='$password'"); 
$count=mysqli_num_rows($result); 

$row=mysqli_fetch_array($result,MYSQLI_ASSOC); 
if($count==1) 
{ 
$_SESSION['id']=$row['user_id']; 
echo "success"; 
} 
} 
?>

出典

2016-09-13 Divya

人々がよりよい助けることができる – CoffeeNinja

マークアップを返すものなので、PHPファイルのソースも含めたいと思うかもしれません。 –

ここでPHPとの関係は何ですか？さらに、「電子メール」IDはどこにもありません。 –

アラート（状態を）したい場合はあなたのhome1.phpページが正しく動作し、テキストを返す必要があります。

Content-Typeを適切に設定していない可能性があるため、Webサーバーによってこれらのタグが挿入されている可能性があります。

<?php 
// home1.php 

    Header('Content-Type: text/plain;charset=utf8'); 
    die("This is the response");

上記はあなたのコードで動作するはずです。より高度な例

、データ型を削除してみてください「テキスト」とJSONを使用して：

success: function(response) { 
    if (response.hasOwnProperty('status')) { 
     // We should actually check there is a message property too... 
     alert(response.message); 
    } else { 
     alert('Incorrect response received'); 
    } 
}

とhome1.phpにだけ含まれているファイルで始まる：かどうかを確認するために

<?php 
    $response = array(
     'status' => 'success', 
     'message' => 'Everything is OK!', 
    ); 
    Header('Content-Type: application/json;charset=utf8'); 
    die(json_encode($response));

それはすべて動作します。

また

あなたには、いくつかのコーディング保存することができますので、あなたは、jQueryのを使用している

：

function sub() { 
     var email=$("#username").val(); 
     var password=$("#password").val(); 
     var dataString = 'email='+email+'&password='+password; 
     if($.trim(email).length>0 && $.trim(password).length>0) { 
      $.post(
       'home1.php', 
       { 
        username: email, 
        password: password 
       } 
      ).done(function(response) { 
       // Here response is the JSON object returned by home1.php 
      });

出典

2016-09-13 18:35:03 LSerni

追加しようとしました Header（ 'Content-Type：text/plain; charset = utf8'）; die（ "これは応答です"）; まだ動作しません。 jsonと一緒にそれを試してみました..運もありません。 – Divya

変更をするあなたの機能をこの

$('#myform').submit(function(event){ 
    event.preventDefault(); 

    var username = $.trim($("#username").val()), 
     password = $("#password").val();//don't trim passwords 

    if (username.length > 0 && password.length > 0) { 
    $.ajax({ 
     method: "POST", 
     url: "home1.php", 
     data: { pUsername: username, pPassword: password } 
    }).done(function(data) { 
     alert(data); //shows all data received from home1.php 
    }); 
    } 
});

あなたのコードが正しくフォーマットされた場合

出典

2016-09-13 18:39:53

htmlタグを返すAjaxログインページ

答えて

また

関連する問題