jquery ajax don't go where I need

<html>
<script>
    categedata = 'data';
    function trig() {
        alert(categchange);
        if (categedata == 'data2') {
            $('#data2').scrollLoad({
                url:'load_more_data2.php',
                //your ajax file to be loaded when scroll breaks ScrollAfterHeight
                type:'POST',
                data:'',
                start:function () {
                    $('<div class="loading"><img src="bigLoader.gif"/></div>').appendTo(this);
                    // you can add your effect before loading data
                },
                ScrollAfterHeight:95,
                //this is the height in percentage after which ajax stars
                onload:function (data) {
                    $(this).append(data);
                    $('.loading').remove();
                }, // this event fires on ajax success
                continueWhile:function (resp) {
                    if ($(this).children('li').length >= 100) {
                        // stops when number of 'li' reaches 100
                        return false;
                    }
                    return true;
                }
            });
        }
        if (categedata == 'data') {
            $('#data').scrollLoad({
                url:'load_more_data.php',
                //your ajax file to be loaded when scroll breaks ScrollAfterHeight
                type:'POST',
                data:'',
                start:function () {
                    $('<div class="loading"><img src="bigLoader.gif"/></div>').appendTo(this);
                    // you can add your effect before loading data
                },
                ScrollAfterHeight:95,
                //this is the height in percentage after which ajax stars
                onload:function (data) {
                    $(this).append(data);
                    $('.loading').remove();
                }, // this event fires on ajax success
                continueWhile:function (resp) {
                    if ($(this).children('li').length >= 100) {
                        // stops when number of 'li' reaches 100
                        return false;
                    }
                    return true;
                }
            });
        }
    }
</script>

<div id="div" document.getElementById('data2').id='data';changedata='data';trig();ajaxrequest('file1.php', 'data');"></div>
<div id="div2" document.getElementById('data').id ='data2'; categedata='data2';trig();ajaxrequest('file2.php', 'data2');"></div>
<div id="data"></div>
</html>

If I click on div2 will load 'load_more_data2.php'. But if i click on div after div2 will load the same 'load_more_data2.php' instead of 'load_more_data.php'. What i can do? Second question: How I can send POST/GET data using this script?

Answers


Need Your Help

Easy to use/learn PHP framework?

cakephp frameworks symfony1 php

I need to build a php app, and I was thinking about using a framework (never used one before). I've been browsing around some but most of them seems kinda complicated, I really liked what I saw about

Having trouble running a mechanize script on Linux when it runs fine on windows

python authentication https mechanize

Well here is the thing, I have written a Python script that connects to my works webpage and downloads my most recent paycheck. It works great in windows but when I move this script to my server th...

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.