jquery中的ajax方法如何发送同步请求

【jquery中的ajax方法如何发送同步请求】新建一个html页面 , 定名为test.html , 同时利用script标签加载jquery.min.js文件 , 这是利用ajax方式请求的前提 。


jquery中的ajax方法如何发送同步请求



2在test.html页面 , 建立一个form表单 , 在form表单内建立两个输入框 , 一个是账号输入框 , 另一个是暗码输入框 。


jquery中的ajax方法如何发送同步请求



3在form表单内 , 经由过程input标签建立一个button登录按钮 , 在点击登录按钮时 , 执行handle()方式实现ajax提交数据 。


jquery中的ajax方法如何发送同步请求



4在handle()函数内 , 利用jquery方式别离获得输入框对象 , 经由过程val()方式获得账号和暗码的输入数据 。


jquery中的ajax方法如何发送同步请求



5在函数内 , 利用ajax()方式实现发送同步请求 。 起首 , 需要设置领受请求的路径(url) , 即同步请求的文件路径 。


jquery中的ajax方法如何发送同步请求



6在ajax方式内 , 利用type设置传输数据的方式 , 这里设置为post , 再利用data设置传输的数据 。


jquery中的ajax方法如何发送同步请求



7最后 , 在ajax()方式内设置async属性 , 默认环境下async属性为true , 为异步请求体例 。 要实现同步请求 , 则需要设置“async: false” 。 success用于设置同步请求后对返回的数据进行处置 。
至此 , 一个完整的ajax同步请求完当作了 。


jquery中的ajax方法如何发送同步请求



jquery中的ajax方法如何发送同步请求



以上内容就是jquery中的ajax方法如何发送同步请求的内容啦 , 希望对你有所帮助哦!

    猜你喜欢