多语言展示
当前在线:716今日阅读:60今日分享:41

CI+JS+Ajax交互数据的实例

本例主要讲解,通过获取不同的radio的值,显示不同的图片;ajax返回值类型为”text“
方法/步骤
1

新建一个CI框架项目ajax,新建控制器Img,在该控制器下创建方法show,用于显示show.html,内容如下:

2

在views文件夹下,新建文件show.html,内容如下:

3

选中”radio“的值,点击”显示图片“按钮,进入js

4

在js中,对ajax进行处理。1、确定ajax要传递的控制器的地址;2、获取要处理的radio的值;3、将1,2中的值放到ajax中对应的位置;4、触发请求$.ajax ;ajax将值传递给pl_user控制器下的show方法中

5

在pl_user控制器下的show方法中,对传递过来的radio值进行处理,输出不同的图片路径,作为返回值;此返回值返回ajax中的success回调函数中,在此函数下,将返回值back传递给img标签的src中

6

输入网址,选择不同的radio按钮,则可以显示不同的图片,如下:

注意事项

使用ajax,要引入js文件,比如jquery-1.7.2.min.js,否则ajax不执行

推荐信息