使用ajax在js和php之间传值的2个简单例子

  1. 例子1:js向php传递3个值,经过处理后,将处理的值返回html页面。

    下图中,点击”输出返回值“,显示结果:

    使用ajax在js和php之间传值的2个简单例子
    使用ajax在js和php之间传值的2个简单例子
  2.  

    过程:在html页面中,点击”输出返回值“,指向btn的click事件,其对应ajax将值传递给url对应的php;php用$_POST接收传递过来的值,简单处理传递过来的值,返回html.

    使用ajax在js和php之间传值的2个简单例子
    使用ajax在js和php之间传值的2个简单例子
    使用ajax在js和php之间传值的2个简单例子
  3.  

    例子2:在输入框输入“王小明”,点击”确定“按钮,显示“my name is: 王小明”,若是出错,则弹出错误的弹出框。

    使用ajax在js和php之间传值的2个简单例子
    使用ajax在js和php之间传值的2个简单例子
    使用ajax在js和php之间传值的2个简单例子
  4.  

    过程:在输入框中输入文字,点击“确定”按钮,btn2执行点击事件,其下对应的ajax,将值传递给对应的url对应的php中。其中关于ajax的注意点,已在图上用注释标志出来,写的时候要注意。

    使用ajax在js和php之间传值的2个简单例子
    使用ajax在js和php之间传值的2个简单例子
  5.  

    ajax 返回值是json类型,在php这边接收时,选择用php输入流php://input 获取原始的输入内容;结果值要用json_encode, 对变量进行 JSON 编码。

    使用ajax在js和php之间传值的2个简单例子
    END
  • $.ajax 传递数据时,要注意返回值的类型,特别是json格式的,一定要注意转换
  • 传值时,data中的逗号要注意不能多,最后无逗号

转自:https://jingyan.baidu.com/article/636f38bb436ae5d6b84610dd.html?st=2&os=0&bd_page_type=1&net_type=2

posted @ 2018-07-04 22:31  远程代码  阅读(11155)  评论(0编辑  收藏  举报