Ajax url parameter

Ajax url parameter

本文关键字:parameter url Ajax      更新时间:2023-09-26

我是Ajax的新手,正试图从w3schools中提供的以下教程中了解Ajax是如何工作的。

在下面的代码中,"url"被设置为demo_ajax_load.txtdemo_ajax_load.txt会是服务器中的纯文本文件吗?一旦调用,就会传递该文件吗?

一般来说,我看到的是一个将被调用的php或asp代码,它将传递一个html或text对象。。但有点令人惊讶的是,文本文件将如何直接返回。。。道歉是一个基本的问题。

此外,url的结果如何直接传递到函数-函数(结果)中?

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
        </script>
        <script>
            $(document).ready(function(){
                $("button").click(function(){
                    $.ajaxSetup({
                        url:"demo_ajax_load.txt",
                        success:function(result){
                            $("div").html(result);
                        }
                    });
                    $.ajax();
                });
            });
        </script>
    </head>
    <body>
        <div><h2>Let AJAX change this text</h2></div>
        <button>Change Content</button>
    </body>
</html>

AJAX请求本质上是对服务器的异步HTTP请求(当用户与页面交互时)。在服务器上访问的资源不一定需要是php脚本或html。在本例中,请求的资源看起来是一个简单的文本文件。

当您调用$.ajax()时,jQuery将使用您在$.ajaxSetup(...)调用中定义的默认值。这意味着它将向demo_ajax_load.txt发出GET请求。此请求将异步发生,这就是为什么需要定义success回调函数。一旦服务器返回响应,jQuery就会调用此函数。然后将响应的内容(在本例中为文件的内容)作为第一个参数传递给该回调函数(result参数)。