Monday, 22 November 2021

Thực hành JQUERY AJAX - Hàm load #1

Untitled Document

Content for id "data" Goes Here
//code
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"></meta>
<title>Untitled Document</title>
<style>
#data { height:400px; width:99%; height: 100%; background-color:#99CCCC; border:double 2px #003333; padding-left:10px}
</style>
<script src="https://code.jquery.com/jquery-3.6.0.js" type="text/javascript"></script>
</head>

<body> 
<p>
  <input id="txn" name="txn" type="button" value="Tin xem nhieu" />
  <input id="tnb" name="tnb" type="button" value="Tin noi bat" />
</p>
<div id="data">Content for  id "data" Goes Here</div>
<script type="text/javascript">
    $(document).ready(function(){
$("#txn").click(function(){
$("#data").load("https://websiteduc.blogspot.com/p/123456789.html");
});
$("#tnb").click(function(){
$("#data").load("https://websiteduc.blogspot.com/p/123456789.html");
});
        });
    </script>
</body>
</html>

0 comments:

Post a Comment