Assigning php value to title attribute

Question

I'm try to add the return value of my php file to a title attribute. The correct data is return from the php file but for some reason 'appointmentData' is null. I have tried appointmentData.value and .innertext, but none of these work. ideas anyone? The value of appointmentData is "Id = 1 - Name = Blah"

var xmlhttp = new XMLHttpRequest();

        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                appointmentData = xmlhttp.responseText;
            }
        }

        xmlhttp.open("POST", "getBookedAppointmentDetails.php?".concat(dataString));
        xmlhttp.send();

        $(this).attr('title', appointmentData);

I have edited my code to use the follow ajax request:

 $.ajax({
            type: "GET",
            url: "getBookedAppointmentDetails.php",
            data: dataString,
            success: function (response){
                appointmentData = response;
                alert(appointmentData);
                $(this).prop('title', appointmentData);
            }
        });

I have inserted an alert to test the value of appointmentData, and this works fine. However, I'm till having problems assignment an attr/prop (tried both) to the element. Any ideas?

Can you post exactly what the output of `appointmentData` looks like? — VIDesignz, Dec 09 '15 at 15:16
As you've jQuery loaded on page, use `$.ajax`. `var $this = $(this); $.ajax({type: 'POST', url: 'get....php', param: dataString, success: function(resp) {$this.attr('title', resp);}})` — Tushar, Dec 09 '15 at 15:17
`$(document).prop('title', appointmentData);` should help you.. — Niranjan N Raju, Dec 09 '15 at 15:18
The AJAX request run asynchronously, by moving the last statement in the `if` will work. — Tushar, Dec 09 '15 at 15:19
@Tushar I've used your suggestion. but it won't assign the attribute to the element. any suggestions. $.ajax({ type: "GET", url: "getBookedAppointmentDetails.php", data: dataString, success: function (response){ appointmentData = response; $(this).attr('title', appointmentData); } }); — japes Sophey, Dec 09 '15 at 15:47
@CottonSocksBro I do not see the output. is `"Id = 1 - Name = Blah"` json? — VIDesignz, Dec 09 '15 at 16:10
The value of response = "Id = 1 - Name = Blah". When I alert response, this works, It won't assign to the element at an attribute. — japes Sophey, Dec 09 '15 at 16:12
@Tushar can you explain your comment e.g. var $this = $(this); — japes Sophey, Dec 09 '15 at 16:59

score 0 · Accepted Answer · answered Dec 09 '15 at 17:04

var appHover = $(this);

        var dataString = ("appDate=").concat(appDate).concat("&").concat("appTime=").concat(appTime).concat("&").concat("doctorId=").concat(doctorId);

        $.ajax({
            type: "GET",
            url: "getBookedAppointmentDetails.php",
            data: dataString,
            success: function (response){
                appHover.attr('title', response);
            }
        });

Assigning php value to title attribute

1 Answers1