新建一个html页面,定名为test.html,同时利用script标签加载jquery.min.js文件,这是利用ajax方式请求的前提。
在test.html页面,建立一个form表单,在form表单内建立两个输入框,一个是账号输入框,另一个是暗码输入框。
在form表单内,经由过程input标签建立一个button登录按钮,在点击登录按钮时,执行handle()方式实现ajax提交数据。
在handle()函数内,利用jquery方式别离获得输入框对象,经由过程val()方式获得账号和暗码的输入数据。
在函数内,利用ajax()方式实现发送同步请求。起首,需要设置领受请求的路径(url),即同步请求的文件路径。
在ajax()方式内,利用type设置传输数据的方式,这里设置为post,再利用data设置传输的数据。
最后,在ajax()方式内设置async属性,默认环境下async属性为true,为异步请求体例。要实现同步请求,则需要设置“async: false”。 success用于设置同步请求后对返回的数据进行处置。
至此,一个完整的ajax同步请求完当作了。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!