话不多说,JS大佬请直接看图?

JavaScript017

话不多说,JS大佬请直接看图?,第1张

var num = true

console.log(num)//输出为true

num = false

在var num = true这句语句的后面输出。因为num=false的时候,num值就变成false了。所以必须在num=true之后和num=false之前输出,才会使num输出为true。请采纳

你这个效果得用异步交互实现:

可以选择jquery的ajax

下面显示的结果由php页面查找然后返回给当前页面然后再做显示.

不知道你懂了没..

如果不懂给你讲仔细讲下吧

            1.html

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>无标题文档</title>

<script src='jquery.1.9.1.min.js'></script><!--下载的jquery文件-->

<style type="text/css">

table{border-collapse:collapsemargin-top:50px}

td{padding:5pxtext-align:centerborder:1px solid #333}

p{width:500pxmargin:60px auto 0 auto}

.price{width:60px}

</style>

</head>

<body>

 <p>请输入要搜索的书名:<input type="text" id="name"  style="width:200px" />

 <input type="button" id="btn" value="搜索" />

 </p>

<table id='result'>

</table>

<script>

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

          var name=$.trim($("#name").val())

          if(name=='')

          {

            alert("请输入书名")return false

          }

          $.ajax({

               'url':'1.php',

               'dataType':'text',

               'data':{name:name},

               'type':'post',

               'success':function(res){

               $("#result").html(res)

               },

               'error':function(){alert("交互失败")}

          })

   })

</script>

</body>

</html>

1.php

<?php

$name=$_POST['name']

/*数据库查找

然后根据查找出来的数据

循环成类似

    <tr>   

      <td>书名</td>

     </tr>

 <tr>   

      <td>书名</td>

     </tr>

这样的*/

//比如最后的结果是$data

die($data)

?>