jquery ajax 獲取txt和html資料
阿新 • • 發佈:2018-12-10
ajaxTxt.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ajaxTxt</title> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ //$.ajax({url:"test.html",success:function(data,status){ $.ajax({url:"test.txt",success:function(data,status){ $("#div1").html("資料: " + data + "\n狀態: " + status); alert("資料: " + data + "\n狀態: " + status); }}); }); }); </script> </head> <body> <div id="div1"><h2>使用 jQuery AJAX 修改文字內容</h2></div> <button>獲取其他內容</button> </body> </html>
test.txt
Hello World!
test.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> Hello World! </body> </html>