$.ajax()请求的返回的值怎样输出在一个div里

$.ajax()请求的返回的值怎样输出在一个div里,第1张

$ajax({

success(data){

    //如果数据结构是data ={

        data:5

    }

    //那么就是这样

    $('div')html(datadata);或者

    $('div')text(datadata);

    然后div显示的值就是5

}

})

<php

echo<<<EOT

var ret={"code":100,"message":"success","result":{"html":"<div><button id='btn1' class='layui-btn layui-btn-warm' >btn1</button><button id='btn2' class='layui-btn layui-btn-normal layui-btn-mini'>btn2</button><button id='btn3' class='layui-btn layui-btn-normal layui-btn-mini'>btn3</button></div>"}};

jQuery(function($){

$("body")prepend(retresulthtml);

});

EOT;

>

var str = "";//定义div里所有span的值组成的字符串

var spans = new Array();//定义一个数组,用来存放每一个span的值

$("#test span")each(function(i, obj){

    spans[i] = $(this)text();

});//循环取出span的值放入数组中

str = spansjoin(",");将数组中的值用逗号连接起来

$ajax({

   type: "POST",

   url: "somephp",

   data: "name=John&location=Boston",

   success: function(msg){

     alert( "Data Saved: " + msg );

   }

});

用ajax提交到后台,

用post方法,url你到时候,换成你想要提交的程序,data为传输的值,success为成功后再做你想要的处理

你这样好了,执行一次ajax,在成功返回的函数里面再进行ajax请求~

var a = new Array(1,2,3);

var i=0;

Loop_ajax(a[i],i,a);

function Loop_ajax(value,identity,array){

$getJSON( "urlvalue="+ value , null , function(){

if(identity<arraylength){

Loop_ajax(array[identity+1],identity+1,array);

}

else{

alert('循环玩啦');

return false;

}

});

}

---------------------------------

对于2楼的答案~

$ajax有这个option

sucess: callback

这里就可以定义成功时的返回值。

html:

<Script src="jquery库文件路径"></script>

<script>

$(function(){

$('div')load('1php'); //这是jq中最简单的一个ajax,作用是取得1php文件运行后的结果并覆盖到div标签内

});

</script>

php:

<php

echo '这段文字会覆盖到div标签内';

写一个jQuery的示例,假设要获取<divid="content">123</div>的内容并保存;

upphp页面只要向正常的表单一样用$_POST['text']就可以获取到传递过去的参数了。

以上就是关于$.ajax()请求的返回的值怎样输出在一个div里全部的内容,包括:$.ajax()请求的返回的值怎样输出在一个div里、jQuery执行ajax访问php并自动执行php返回的网页源码含jq代码,实现实时添加指定div到现有的body里。、怎么获取一个div里面所有span的值后用ajax提交到后端等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9548107.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存