Question

我有一个返回json

的python脚本文件

{＆＃34; message＆＃34;：＆＃34;登录或密码为空＆＃34;，＆＃34;成功＆＃34;：0}

我想在html和dislpay中找到这个网址＆＃34;登录或密码为空＆＃34;并保存成功int以便稍后用于通过失败验证。

我不知道如何解析json以便我可以在html中使用它。

这是我的HTML

<h2> Login</h2>
<form action="http://test.com/cgi-bin/login.py" method="POST" target="hiddenFrame2">
Username:<br>
<input type="text" name="username">
<br>
Password:<br>
<input type="password" name="password">
<br>
<br>
<input type="submit" value="Submit">
<br>
<iframe src="about:blank" frameborder="0" width="100" height="50" scrolling="no" name="hiddenFrame2" class="hide"></iframe>
<br>
<br>
</form>

Answer 1

假设你有这样的形式，

<h2> Login</h2>
<form action="http://test.com/cgi-bin/login.py" method="POST" target="hiddenFrame2" id="myform">
Username:<br>
<input type="text" name="username">
<br>
Password:<br>
<input type="password" name="password">
<br>
<br>
<input type="submit" value="Submit">
<br>
<iframe src="about:blank" frameborder="0" width="100" height="50" scrolling="no" name="hiddenFrame2" class="hide"></iframe>
<br>
<br>
</form>
<span id="log"></span>

您可以使用ajax，

提交您的表单

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script type="application/javascript">
$(document).ready(function(){
  $("#myform").submit(function(){
      var formvars = $("#myform").serialize();
      var url = "http://test.com/cgi-bin/login.py";

      $.ajax({
        url: url,
        dataType: 'text',
        data : formvars,
        type:"POST",
        success: function(data){
         alert( data );
         var json = eval(data);
         var success = json.success;
         var message = json.message;
         if(success =="1")
           $("#log").text(message); // Success
         else
           $("#log").text(message); // Failed
       },
       error: function(data){
        alert('error; '+ data);
       }
    });
    return false;
  });
});
</script>

从url获取json响应并以html格式显示

1 个答案: