首页 > 软件开发 > JQUERY >

jquery中如何使用 $.post方法

来源:互联网 2023-03-17 00:47:26 447

jquery中的post是异步获取服务器内容的方法,通过触发事件来完成请求,方法中包括请求的地址,和请求的参数,在服务器语言中接受参数并输出,既可获取到返回的数据OKh办公区 - 实用经验教程分享!

工具/原料

  • 编辑器

方法/步骤

  • 1

    创建一个名称为post的html页面,并设置标题为title>jquery-post方法/title>OKh办公区 - 实用经验教程分享!

    jquery中如何使用 $.post方法OKh办公区 - 实用经验教程分享!

  • 2

    在body中加一个button按钮在jquery中作为click触发器,并在button添加OKh办公区 - 实用经验教程分享!

    OKh办公区 - 实用经验教程分享!

    button>点击button 发送一个 HTTP POST 请求php页面并获取返回内容/button>OKh办公区 - 实用经验教程分享!

    内容OKh办公区 - 实用经验教程分享!

    jquery中如何使用 $.post方法OKh办公区 - 实用经验教程分享!

  • 3

    在post页面中引入jquery库OKh办公区 - 实用经验教程分享!

    jquery中如何使用 $.post方法OKh办公区 - 实用经验教程分享!

  • 4

    在button点击事件中加入post方法,首先要添加服务器端语言地址,然后添加参数,添加callback函数,log出返回的结果和状态OKh办公区 - 实用经验教程分享!

    jquery中如何使用 $.post方法OKh办公区 - 实用经验教程分享!

  • 4相关内容未经许可获取自百度经验
  • 5

    创建一个名称为http_post的php页面作为服务器端调用的页面,在页面中分别接受传递的参数并echo出来OKh办公区 - 实用经验教程分享!

    jquery中如何使用 $.post方法OKh办公区 - 实用经验教程分享!

  • 6

    在浏览器中运行post页面,然后点击button按钮查看console结果。OKh办公区 - 实用经验教程分享!

    jquery中如何使用 $.post方法OKh办公区 - 实用经验教程分享!

  • 注意事项

    • 参数是在大括号中添加

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!OKh办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码