博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
辛星浅析一次ajax的实现过程
阅读量:7054 次
发布时间:2019-06-28

本文共 1840 字,大约阅读时间需要 6 分钟。

     说到ajax,那绝对是一个老生常谈的话题,近些年ajax技术的使用颇为盛行。

以下我们就以jQuery为例来从一个真实的项目中看一下ajax的实例。

    首先是前端页面,这个页面我们使用的是bootstrap和自己的若干技术,最后我们有一个button。它的源码例如以下:

$deal .= '删除';

相信有js基础的朋友们读懂这个代码不是问题。这里须要说明几点:

1.它使用了bootstrap。因此我们会看到诸如btn  btn-danger  btn-mini这些东西,

2.它调用了一个deleteOne()函数,而该函数中的參数$Id是PHP中的变量。

   然后就是这个deleteOne方法的代码,注意这里我们导入了jQuery库。当然另一些其它的库。这里仅仅写当中比較重要的部分代码:

>assets/dialog/icons/'; showDialog('确定要删除?',function(){ var url='<?=@$site_url.'/'.@$module.'/delete';?>'; var data={'Id':id} $.ajax({ //async: true,//是否为异步请求 type: "POST",//GET POST url: url, //data: data, data:'Id='+id, //dataType: "json", //beforeSend: function(XMLHttpRequest, textStatus){}, success: function(data){//,textStatus //console.log(data); var msg=data.message; //if(data.status){refreshGrid();i='succeed.png';}else{i='info.png';} showDialog(msg); window.location.reload(); } //complete: function(XMLHttpRequest, textStatus){}, /*error: function(XMLHttpRequest, textStatus, errorThrown){ var msg=("Error");i='error.png'; showDialog(msg); }*/ }); }); } }); </script>

    到这里。我们还差一步就完毕了。就是delete方法,以下是它的实现过程:

public function delete(){		if (! isPost ()) {			$msg='输入的链接不对!

'; showErrorMsg($msg); } $action='delete'; $module=$this->module; $arrLang=lang('common_'.$module); $title=$arrLang[$action]; $arr_post=$this->input->post(); $arr_post=setForm($arr_post); $Id=@$arr_post['Id']; $status=FALSE; $logType=0; if(!isNullOrEmpty($Id)){ $del_where=array('ID'=>$Id); $this->common_model->table='mx_changci'; $result = $this->common_model->delete( $del_where ); if ($result) { $status = TRUE; $message = $title.'成功!

'; } else { $status = FALSE; $message = $title.'失败!'; } }else{ $status=FALSE; $message= $title.'出错!

'; $logType=3; } $jsonData['status']=$status; $jsonData['message']=$message; header("Content-type: application/json"); echo json_encode($jsonData); }

这就是我近期參与的项目中的一个简单的ajax的实现

转载地址:http://tzlol.baihongyu.com/

你可能感兴趣的文章
sk-learn 选择正确的估算器
查看>>
python操作mysql数据库
查看>>
erp的核心代码,替代orm
查看>>
字符串--manacher算法(回文串匹配)
查看>>
[LeetCode]: 242: Valid Anagram
查看>>
项目机器在开机器的时候做好标签,汉字标注
查看>>
expr判断整数是相加的值,返回命令的返回值$? 是0,但是少数情况是1,例如1 + -1 ,$? 的结果是1 ,判断要大于1最准确...
查看>>
Matplotlib
查看>>
DES 加密----笔记
查看>>
docker 运行redis
查看>>
VS2015 C#6.0 中的那些新特性(转自http://www.cnblogs.com/henryzhu/p/new-feature-in-csharp-6.html)...
查看>>
魔法森林[NOI2014]
查看>>
bzoj4002[JLOI2015]有意义的字符串
查看>>
python爬虫-抓取acg12动漫壁纸排行设置为桌面壁纸
查看>>
用QQ传dll文件,你可能会遇到灵异事件
查看>>
hbase meta表的结构
查看>>
2017-2-10
查看>>
Git
查看>>
centos7.4 安装后的基本设置
查看>>
SQLCipher 配置
查看>>