本例主要讲解,通过获取不同的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不执行